/* remove rounds from all elements */

div, 
input, 
select, 
textarea, 
span, 
img, 
table, 
td, 
th, 
p, 
a, 
button, 
ul,
code,
pre, 
li {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

#header_notification_bar .badge { top:1px;left: 0px;}

/****
SVG
***/

.svg-gym{
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml,%3Csvg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 263 197"%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2%7Bfill:%23fff;%7D.cls-1,.cls-3%7Bfill-rule:evenodd;%7D.cls-3%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eintento5%3C/title%3E%3Cpath id="path109" class="cls-1" d="M107,174.72V135.28A157.94,157.94,0,0,1,93,149.6c-4.43,3.84-7.82,7-12.38,8.87-4.72,1.84-11.3,3.59-15.26,1.92s-6.49-5.18-8.24-12.39-2.07-21.68-2.24-30.83-2-19,1-23.5,13.54-5.36,16.85-3.19,1.94,9.38,2.55,16.21.86,14.85,1,24.46c3.47-3.58,7.1-7.1,11.11-10.79s7.48-8.88,12.71-11.11A36.4,36.4,0,0,1,118.13,107c6.43.72,13.37,6.22,20,6.35s13.24-4.2,19.08-6c5.69-1.82,9.17,2.4,15.24-4.77s15.14-27.91,21-38.43S202,43.47,206.76,39.65s13.18-1.6,15.26,1.92,2.56,6.41-3.18,18.74-23.3,42.61-31.14,55c-7.86,12.19-12.94,18.2-15.56,18.12v40.82Z"/%3E%3Cpath id="path111" class="cls-1" d="M142,49.15a25.43,25.43,0,1,1-25.41,25.42A25.42,25.42,0,0,1,142,49.15"/%3E%3Cpath id="path119" class="cls-1" d="M191.67,38.07l-1.77,4.09,38.22,16.47,1.77-4.09L191.67,38.07Z"/%3E%3Cpath id="path121" class="cls-1" d="M236.47,43.53a5.22,5.22,0,0,0-6.83,2.72c-2.47,5.78-5,11.53-7.45,17.31a5.21,5.21,0,0,0,2.72,6.83l2.13.91a5.17,5.17,0,0,0,6.81-2.72l7.47-17.29a5.21,5.21,0,0,0-2.72-6.83c-.7-.32-1.42-.61-2.13-.93Z"/%3E%3Cpath id="path123" class="cls-1" d="M198.24,27.09a5.19,5.19,0,0,0-6.83,2.7C189,35.57,186.46,41.32,184,47.1a5.2,5.2,0,0,0,2.72,6.83c.7.29,1.41.61,2.13.9a5.18,5.18,0,0,0,6.81-2.69q3.74-8.67,7.46-17.31A5.19,5.19,0,0,0,200.37,28Z"/%3E%3Cpath class="cls-2" d="M92.47,83.75H90.72a3.73,3.73,0,0,1-3.51-2.49,27,27,0,0,0-1.1-2.66,3.7,3.7,0,0,1,.71-4.25L88,73.14a5.23,5.23,0,0,0,0-7.41l-.87-.87a5.23,5.23,0,0,0-7.41,0L78.51,66.1a3.73,3.73,0,0,1-4.24.72,26.05,26.05,0,0,0-2.66-1.1,3.71,3.71,0,0,1-2.5-3.51V60.5a5.24,5.24,0,0,0-5.24-5.24H62.64A5.24,5.24,0,0,0,57.4,60.5v1.75a3.72,3.72,0,0,1-2.49,3.51,24.69,24.69,0,0,0-2.65,1.11A3.72,3.72,0,0,1,48,66.15l-1.22-1.21a5.22,5.22,0,0,0-7.4,0l-.88.87a5.25,5.25,0,0,0,0,7.41l1.24,1.24a3.73,3.73,0,0,1,.72,4.24,24.73,24.73,0,0,0-1.09,2.66,3.73,3.73,0,0,1-3.51,2.5H34.15a5.25,5.25,0,0,0-5.24,5.24v1.23a5.24,5.24,0,0,0,5.24,5.24H35.9a3.72,3.72,0,0,1,3.51,2.49,24.85,24.85,0,0,0,1.11,2.66A3.72,3.72,0,0,1,39.8,105l-1.21,1.21a5.25,5.25,0,0,0,0,7.41l.88.87a5.24,5.24,0,0,0,7.4,0l1.24-1.24a3.74,3.74,0,0,1,4.24-.72A24.73,24.73,0,0,0,55,113.59a3.72,3.72,0,0,1,2.5,3.52v1.71a5.25,5.25,0,0,0,5.24,5.24H64a5.25,5.25,0,0,0,5.24-5.24v-1.75a3.71,3.71,0,0,1,2.48-3.51,24.85,24.85,0,0,0,2.66-1.11,3.72,3.72,0,0,1,4.25.72l1.21,1.21a5.25,5.25,0,0,0,7.41,0l.87-.87a5.23,5.23,0,0,0,0-7.41l-1.23-1.24a3.72,3.72,0,0,1-.73-4.24A24.79,24.79,0,0,0,87.25,98a3.71,3.71,0,0,1,3.51-2.5h1.71a5.24,5.24,0,0,0,5.24-5.24V89A5.23,5.23,0,0,0,92.47,83.75ZM63.31,102.4A12.75,12.75,0,1,1,76.06,89.66,12.74,12.74,0,0,1,63.31,102.4Z"/%3E%3Cpath class="cls-3" d="M0,0V197H263V0ZM247.5,182.5H21.5V19.5h226Z"/%3E%3C/svg%3E');
}

.svg-servicio{
    background-image: url("data:image/svg+xml, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='127px' height='127px' viewBox='0 0 127 127' enable-background='new 0 0 127 127' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23FFFFFF' d='M89.652,60.495c-0.295-1.584-0.873-3.072-1.704-4.455c-0.671-1.1-1.477-2.066-2.429-2.924 c-1.636-1.476-3.515-2.495-5.648-3.032c-0.04-0.014-0.08-0.026-0.12-0.04c-0.027,0-0.04-0.014-0.081-0.027c0-0.081,0-0.175,0-0.255 c0-2.563,0-5.139,0-7.714c0-0.738,0-1.462,0-2.2c0-2.039-1.516-3.877-3.516-4.267c-0.106-0.026-0.214-0.054-0.321-0.08 c-9.419,0-18.836,0-28.255,0c-0.161,0.04-0.309,0.08-0.47,0.121c-1.771,0.456-2.844,1.596-3.287,3.367 c-0.027,0.121-0.054,0.228-0.081,0.349c0,16.14,0,32.266,0,48.407c0.081,0.295,0.134,0.604,0.241,0.898 c0.376,1.06,1.06,1.865,2.04,2.401c0.55,0.295,1.113,0.457,1.757,0.457c9.285-0.014,18.555-0.014,27.839,0 c0.818,0,1.503-0.242,2.147-0.685c1.046-0.711,1.676-1.704,1.864-2.938c0.094-0.631,0.04-1.288,0.054-1.932 c0-0.282,0-0.577,0-0.858c0-3.019,0-6.037,0-9.057c0-0.175,0.04-0.241,0.229-0.295c1.783-0.456,3.421-1.222,4.856-2.375 c2.429-1.932,4.051-4.388,4.764-7.419c0.12-0.496,0.174-1.007,0.268-1.516c0.014-0.027,0.026-0.067,0.04-0.094 c0-0.939,0-1.865,0-2.805C89.772,61.192,89.72,60.843,89.652,60.495z M77.766,76.339c0,3.649,0,7.285,0,10.921 c0,1.262-1.061,2.361-2.322,2.402c-0.147,0-0.308,0-0.456,0c-8.921,0.013-17.83,0-26.751,0.013c-1.235,0-2.294-0.832-2.509-2.079 c-0.04-0.188-0.026-0.376-0.026-0.563c0-9.405,0-18.796,0-28.202c0-6.278,0-12.558-0.014-18.836 c-0.013-1.275,0.859-2.308,2.012-2.522c0.161-0.026,0.335-0.04,0.51-0.04c8.976,0,17.965,0.014,26.941,0 c1.274,0,2.146,0.792,2.454,1.61c0.162,0.416,0.162,0.858,0.162,1.289c0,3.059-0.014,6.131-0.014,9.19c0,0.066,0,0.147,0,0.227 c-0.912,0-1.798,0-2.724,0.014c0-0.053,0-0.134,0-0.214c0-1.651,0-3.314,0-4.965c0-0.617-0.389-1.005-1.007-1.005 c-2.146,0-4.307,0-6.453,0c-6.05,0-12.088,0-18.125,0c-0.443,0-0.792,0.147-0.965,0.563c-0.067,0.161-0.081,0.349-0.081,0.537 c0,4.025,0,8.037,0,12.061c0,9.379,0,18.77,0,28.148c0,0.644,0.201,0.966,0.698,1.113c0.107,0.041,0.228,0.041,0.335,0.041 c2.267,0,4.548,0,6.815,0c0.658,0,1.007-0.282,1.074-0.94c0.04-0.495,0.188-0.952,0.563-1.301c0.335-0.309,0.725-0.483,1.181-0.483 c1.771,0,3.542,0,5.313,0c0.926,0,1.717,0.792,1.73,1.717c0.013,0.604,0.429,1.008,1.047,1.008c0.67,0,1.341,0,2.012,0 c1.61,0,3.22-0.015,4.829,0.013c0.658,0.014,1.061-0.51,1.061-1.06c-0.026-2.886-0.013-5.77-0.013-8.654c0-0.081,0-0.161,0-0.228 c0.912,0,1.811,0,2.724,0C77.766,76.205,77.766,76.271,77.766,76.339z M64.563,68.275c0.054,0.12,0.04,0.269,0.04,0.402 c-0.04,0.819-0.08,1.65-0.121,2.469c-0.054,1.101-0.106,2.188-0.16,3.273c-0.027,0.538-0.04,1.073-0.054,1.61 c-0.014,0.402,0.174,0.685,0.509,0.859c0.35,0.174,0.712,0.174,1.021-0.067c0.711-0.537,1.396-1.101,2.092-1.65 c0.497-0.389,1.008-0.791,1.518-1.194c1.126,0.737,2.36,1.315,3.676,1.69c0,2.817,0,5.622,0,8.439 c-0.094,0-0.161,0.014-0.229,0.014c-1.569,0-3.153-0.014-4.723,0c-0.174,0-0.242-0.055-0.295-0.216 c-0.482-1.354-1.449-2.159-2.844-2.469c-0.188-0.04-0.39-0.053-0.577-0.053c-1.745-0.014-3.502,0.013-5.26-0.014 c-1.676-0.027-3.139,1.101-3.596,2.563c-0.026,0.095-0.04,0.175-0.188,0.175c-1.65,0-3.287,0-4.937,0c-0.027,0-0.054,0-0.094-0.013 c0-12.854,0-25.707,0-38.573c7.58,0,15.147,0,22.727,0.013c0,1.542,0,3.099,0,4.642c-0.576,0.215-1.153,0.403-1.704,0.645 c-1.664,0.725-3.112,1.758-4.347,3.085c-1.341,1.422-2.321,3.073-2.925,4.924c-0.322,0.966-0.523,1.945-0.604,2.966 C63.302,64.051,63.651,66.21,64.563,68.275z M80.69,67.659c-0.496,0.469-0.859,1.006-0.927,1.689 c-0.053,0.645-0.053,1.274-0.053,1.92c-0.014,0.777,0,1.568,0,2.347c0,0.134-0.027,0.188-0.176,0.228 c-1.233,0.31-2.468,0.417-3.715,0.281c-0.712-0.079-1.396-0.228-2.094-0.347c-0.014,0-0.04-0.014-0.066-0.028 c0-0.094,0-0.188,0-0.281c0-1.194,0-2.388,0-3.581c0-0.927-0.35-1.705-1.073-2.309c-1.208-1.006-1.945-2.308-2.201-3.864 c-0.255-1.57,0.026-3.019,0.832-4.374c0-0.013,0.027-0.027,0.067-0.054c0,0.43,0.013,0.819,0,1.221 c-0.014,0.282,0.08,0.51,0.255,0.724c0.657,0.819,1.314,1.65,1.972,2.469c0.188,0.241,0.443,0.363,0.752,0.363 c1.596,0,3.192-0.014,4.789,0c0.321,0.013,0.577-0.123,0.778-0.363c0.563-0.685,1.127-1.382,1.677-2.093 c0.188-0.255,0.39-0.51,0.51-0.805c0.094-0.215,0.054-0.483,0.054-0.724c0-0.255,0-0.511,0-0.766 c0.537,0.819,0.846,1.691,0.966,2.644c0.175,1.664-0.214,3.18-1.207,4.508C81.508,66.907,81.092,67.283,80.69,67.659z M87.935,63.647c-0.107,1.691-0.577,3.26-1.396,4.749c-0.616,1.114-1.408,2.067-2.334,2.912c-0.711,0.657-1.517,1.208-2.375,1.65 c-0.054,0.027-0.107,0.041-0.188,0.08c0-1.126-0.014-2.227-0.014-3.286c0-0.242,0.121-0.43,0.295-0.577 c0.577-0.483,1.101-1.02,1.529-1.637c0.792-1.114,1.274-2.334,1.462-3.689c0.256-1.838-0.065-3.569-0.965-5.192 c-0.563-1.006-1.302-1.852-2.214-2.549c-0.322-0.255-0.685-0.336-1.06-0.148c-0.376,0.188-0.551,0.524-0.551,0.939 c0,0.952-0.026,1.892,0.014,2.844c0.026,0.402-0.121,0.698-0.362,0.98c-0.336,0.389-0.645,0.792-0.952,1.194 c-0.121,0.161-0.255,0.242-0.482,0.242c-1.128-0.014-2.255-0.014-3.382,0c-0.147,0-0.255-0.04-0.349-0.161 c-0.43-0.564-0.872-1.114-1.314-1.677c-0.027-0.041-0.055-0.121-0.055-0.175c-0.013-0.777-0.013-1.569-0.026-2.348 c0-0.402,0.04-0.805-0.026-1.194c-0.107-0.697-0.939-0.992-1.489-0.577c-1.664,1.262-2.724,2.912-3.166,4.951 c-0.215,1.02-0.215,2.039-0.055,3.059c0.31,1.999,1.248,3.637,2.765,4.95c0.321,0.282,0.496,0.591,0.482,1.034 c-0.026,0.992-0.013,1.985-0.013,3.031c-0.376-0.201-0.712-0.39-1.047-0.591c-0.215-0.134-0.416-0.281-0.617-0.429 c-0.511-0.361-0.938-0.321-1.422,0.067c-0.725,0.59-1.462,1.167-2.188,1.743c-0.027,0.015-0.054,0.041-0.067,0.041 c0-0.416-0.013-0.818,0-1.234c0.014-0.402,0.054-0.818,0.067-1.221c0.054-1.087,0.094-2.16,0.135-3.233 c0-0.147-0.041-0.321-0.107-0.47c-0.483-1.02-0.806-2.093-0.966-3.206c-0.121-0.873-0.135-1.744-0.054-2.617 c0.188-2.079,0.898-3.944,2.119-5.621c1.368-1.879,3.167-3.221,5.38-3.984c0.872-0.296,1.758-0.497,2.67-0.591 c0.979-0.094,1.932-0.026,2.898,0.108c1.664,0.241,3.152,0.872,4.521,1.797c1.302,0.872,2.362,2,3.207,3.328 c0.778,1.221,1.262,2.549,1.53,3.971C87.948,61.809,87.988,62.735,87.935,63.647z'/%3E %3Cpath fill='%23FFFFFF' d='M59.613,60.092c-0.953,0-1.918,0-2.871,0c-0.939,0-1.892,0-2.817,0c-0.107,0-0.228,0.014-0.335,0.041 c-0.55,0.147-0.738,0.617-0.711,0.979c0.041,0.537,0.456,0.913,0.993,0.913c1.918,0,3.837,0,5.756,0 c0.724,0,1.113-0.672,0.966-1.221C60.485,60.387,60.109,60.092,59.613,60.092z'/%3E %3Cpath fill='%23FFFFFF' d='M59.653,64.854c-0.966,0-1.945,0-2.911,0c-0.979,0-1.972,0-2.952,0c-0.55,0-1.006,0.564-0.899,1.113 c0.107,0.523,0.469,0.832,1.02,0.832c1.878,0,3.77,0,5.648,0c0.094,0,0.201-0.026,0.295-0.04c0.564-0.094,0.805-0.644,0.765-0.993 C60.565,65.218,60.163,64.854,59.653,64.854z'/%3E %3Cpath fill='%23FFFFFF' d='M59.599,69.591c-1.905,0-3.823,0-5.729,0c-0.551,0-1.006,0.442-1.006,0.966c0,0.55,0.442,0.98,1.006,0.98 c0.966,0,1.918,0,2.871,0s1.905,0,2.857,0c0.51,0,1.006-0.363,1.02-0.98C60.632,70.021,60.163,69.591,59.599,69.591z'/%3E %3Cpath fill='%23FFFFFF' d='M59.559,55.342c-0.55,0-1.114,0-1.677,0c-1.328,0-2.657-0.014-3.984,0c-0.671,0-1.02,0.457-1.02,0.98 c0,0.604,0.51,0.966,1.02,0.952c0.953-0.026,1.892-0.013,2.844-0.013c0.993,0,1.999,0,3.005,0.013c0.523,0,0.979-0.59,0.859-1.1 C60.471,55.624,60.123,55.342,59.559,55.342z'/%3E %3Cpath fill='%23FFFFFF' d='M57.614,41.711c0.858,0,1.73,0,2.589,0c1.865,0,3.743,0,5.608,0c0.616,0,1.06-0.429,1.06-0.979 c-0.014-0.59-0.51-0.979-1.06-0.966c-1.355,0.027-2.724,0.014-4.092,0.014c-1.396,0-2.805,0-4.213-0.014 c-0.416,0-0.751,0.229-0.899,0.618c-0.147,0.362-0.041,0.778,0.255,1.06C57.077,41.645,57.332,41.711,57.614,41.711z'/%3E %3C/g%3E %3C/svg%3E");
}


/***
Buttons & Dropdown Buttons
***/

.btn {
	border-width: 0;
	padding: 7px 14px; 	
  font-size: 14px;  
	outline: none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
          text-shadow: none;
}

/* fix jumping group buttons */
.btn-group.btn-group-solid .btn + .btn,
.btn-group.btn-group-solid .btn + .btn-group.btn-group-solid,
.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn,
.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn-group.btn-group-solid {
  margin-left: 0px;
}

.btn-group-vertical.btn-group-solid > .btn + .btn,
.btn-group-vertical.btn-group-solid > .btn + .btn-group,
.btn-group-vertical.btn-group-solid > .btn-group + .btn,
.btn-group-vertical.btn-group-solid > .btn-group + .btn-group {
  margin-top: 0px;
  margin-left: 0;
}

.btn-default {
  border-width: 1px;
  padding: 6px 13px;
} 

.btn.red-stripe {
	border-left: 3px solid #d84a38;
}

.btn.blue-stripe {
	border-left: 3px solid #4d90fe;
}

.btn.purple-stripe {
	border-left: 3px solid #852b99;
}

.btn.green-stripe {
	border-left: 3px solid #35aa47;
}

.btn.yellow-stripe {
  border-left: 3px solid #ffb848;
}

.btn.dark-stripe {
  border-left: 3px solid #555555;
}

.btn.default {  
  color: #333333;
  text-shadow: none;  
  background-color: #e5e5e5;
}
.btn.default:hover, 
.btn.default:focus, 
.btn.default:active, 
.btn.default.active,
.btn.default[disabled], 
.btn.default.disabled {    
  color: #333333;
  background-color: #d8d8d8 !important;
  outline: none !important;
}

/*  Red */
.btn.red {
  color: white;  
  text-shadow: none;	
  background-color: #d84a38;
}
.btn.red:hover, 
.btn.red:focus, 
.btn.red:active, 
.btn.red.active,
.btn.red[disabled], 
.btn.red.disabled {    
  background-color: #bb2413 !important;
  color: #fff !important;
  outline: none !important;
}

/*  Blue */

.btn.blue {
  color: white;  
  text-shadow: none;	
  background-color: #4d90fe;
}
.btn.blue:hover, 
.btn.blue:focus, 
.btn.blue:active,
.btn.blue.active,
.btn.blue[disabled],
.btn.blue.disabled {  
  background-color: #0362fd !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.blue.dropdown-toggle {
  background-color: #4d90fe !important;
}
.btn-group .btn.blue:hover, 
.btn-group .btn.blue:focus, 
.btn-group .btn.blue:active, 
.btn-group .btn.blue.active, 
.btn-group .btn.blue.disabled,
.btn-group .btn.blue[disabled] { 
  background-color: #0362fd !important;
  color: #fff !important;
  outline: none !important;
}

/*  Green */
.btn.green {
  color: white;
  text-shadow: none;	 
  background-color: #35aa47;
}
.btn.green:hover, 
.btn.green:focus, 
.btn.green:active, 
.btn.green.active,
.btn.green.disabled, 
.btn.green[disabled]{ 
  background-color: #1d943b !important;
  color: #fff !important;
  outline: none !important;
}

/*  Purple */
.btn.purple {
  color: white; 
  text-shadow: none;	
  background-color: #852b99;
}
.btn.purple:hover, 
.btn.purple:focus, 
.btn.purple:active, 
.btn.purple.active, 
.btn.purple.disabled,
.btn.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.purple.dropdown-toggle {
  background-color: #852b99 !important;
}
.btn-group .btn.purple:hover, 
.btn-group .btn.purple:focus, 
.btn-group .btn.purple:active, 
.btn-group .btn.purple.active, 
.btn-group .btn.purple.disabled,
.btn-group .btn.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
  outline: none !important;
}

/*  Yellow */
.btn.yellow {
  color: white; 
  text-shadow: none;	
  background-color: #ffb848;
}
.btn.yellow:hover, 
.btn.yellow:focus, 
.btn.yellow:active, 
.btn.yellow.active, 
.btn.yellow.disabled,
.btn.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.yellow.dropdown-toggle {
  background-color: #ffb848 !important;
}
.btn-group .btn.yellow:hover, 
.btn-group .btn.yellow:focus, 
.btn-group .btn.yellow:active, 
.btn-group .btn.yellow.active, 
.btn-group .btn.yellow.disabled,
.btn-group .btn.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
  outline: none !important;
}

/*  Black */
.btn.dark {
  color: white; 
  text-shadow: none;	
  background-color: #555555;
}
.btn.dark:hover, 
.btn.dark:focus, 
.btn.dark:active, 
.btn.dark.active, 
.btn.dark.disabled,
.btn.dark[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.dark.dropdown-toggle {
  background-color: #555555 !important;
}
.btn-group .btn.dark:hover, 
.btn-group .btn.dark:focus, 
.btn-group .btn.dark:active, 
.btn-group .btn.dark.active, 
.btn-group .btn.dark.disabled,
.btn-group .btn.dark[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  vertical-align: middle;
}

.btn-lg > i {
  font-size: 18px;
}

.btn > i {
  font-size: 14px;
}

.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-sm > i,
.btn-xs > i {
  font-size: 13px;
} 

.btn-xs {
  padding: 1px 5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/***
Metro icons
***/

[class^="m-icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  line-height: 14px;  
  vertical-align: top;
  background-image: url(../img/syncfusion-icons.png);
  background-position: 0 0;
  background-repeat: no-repeat; 
}

[class^="m-icon-big-"] {
  display: inline-block;
  width: 30px;
  height: 30px; 
  margin: 6px;
  vertical-align: middle;
  background-image: url(../img/syncfusion-icons.png);
  background-position: 0 0px;
  background-repeat: no-repeat; 
}

/* large icons */
.btn.m-icon-big {
  padding: 9px 16px 8px 16px; 
}

.btn.m-icon-big.m-icon-only{
  padding: 9px 8px 8px 0px;
}

.btn.m-icon-big [class^="m-icon-big-"] {
  margin: 0 0 0 10px;
}

.btn.m-icon-ony > i {
  margin-left: 0px;
}

/* default icons */
.btn.m-icon {
  padding: 7px 14px 7px 14px; 
}

.btn.m-icon [class^="m-icon-"] {
  margin: 4px 0 0 5px;
}

.btn.m-icon.m-icon-only {
  padding: 7px 10px 7px 6px;
}

/* white icon */
.m-icon-white {
  background-image: url(../img/syncfusion-icons-white.png);
}

/*  Misc */
.m-icon-swapright {
  background-position: -27px -10px;
}
.m-icon-swapdown {
  background-position: -68px -10px;
}
.m-icon-swapleft {
  background-position: -8px -10px;
}
.m-icon-swapup {
  background-position: -46px -10px;
}
.m-icon-big-swapright{
  background-position: -42px -28px;
}
.m-icon-big-swapdown{
  background-position: -115px -28px;
}
.m-icon-big-swapleft{
  background-position: -6px -28px;
}
.m-icon-big-swapup{
  background-position: -78px -28px;
}


/***
Popover
 ***/
.popover {
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);  
  padding: 0 !important;
}

.popover .popover-title {
    -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
          margin: 0 !important;
}

.info .popover .popover-title,
.popover.info .popover-title,
.info .popover .popover-content,
.popover.info .popover-content {
  color:#27a9e3;
}

.success .popover .popover-title,
.popover.success .popover-title,
.success .popover .popover-content,
.popover.success .popover-content {
  color:#468847;
}

.error .popover .popover-title,
.popover.error .popover-title,
.error .popover .popover-content,
.popover.error .popover-content {
  color:#B94A48;
}

.warning .popover .popover-title,
.popover.warning .popover-title,
.warning .popover .popover-content,
.popover.warning .popover-content {
  color:#C09853;
}


/***
Dropdown
***/

 /*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/
.dropdown-backdrop {
  position: static;
}

.dropdown:hover .caret, 
.open.dropdown .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}


.dropdown.open .dropdown-toggle {
  color: #08c;
  background: #ccc;
  background: rgba(0, 0, 0, 0.3);
}

/***
Dropdown Menu
***/

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  padding: 0px;
  margin:0px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  
  font-size: 14px;
  font-family: "Segoe UI",Helvetica, Arial, sans-serif;
  border: 1px solid #ddd;
}

/* custom dropdown conetnt */
.dropdown-content {
  padding:5px;
}

.dropdown-content form {
  margin:0;
}

.dropdown.inline .dropdown-menu {
  display: inline-block;  
  position: relative;
}

.dropdown-menu.bottom-up {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

.dropdown-menu li > a {
  padding: 6px 0 6px 13px;
  color: #333;
  text-decoration: none;
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  white-space: nowrap;
}

.dropdown-menu li > a:hover, 
.dropdown-menu .active > a, 
.dropdown-menu .active > a:hover {
  text-decoration: none;
  background-image: none;
  background-color: #eee;
  color: #333;
  filter:none;
}

/* dropdown sub menu support for Bootsrap 3 */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 5px;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
}

.dropdown-submenu > a:after {
  position: absolute;
  display: inline-block;
  font-size: 14px;
  right: 7px;
  top: 7px;
  font-family: FontAwesome;
  height: auto;
  content: "\f105";
  font-weight: 300;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.nav.pull-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.nav.pull-right > li > .dropdown-menu:before,
.nav > li > .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;
}

.nav.pull-right > li > .dropdown-menu:after,
.nav > li > .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;
}

.nav.pull-right > li > .dropdown-menu .dropdown-menu,
.nav > li > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

@media (max-width: 767px) {

  .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    width: auto;
    margin-top: 0;
    background-color: #ffffff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  
  }

  .navbar-nav .open .dropdown-menu > li > a {
     padding: 6px 0 6px 13px;
     color: #333 !important;
  }

  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #eee !important;
  }

}
 
/* bagin: sidebar menu badges */

/***
Dropdown Checkboxes (in v1.3)
***/
.dropdown-checkboxes {
  padding: 5px;
}

.dropdown-checkboxes label {
  display: block;
  font-weight: 300;
  color: #333;
  margin-bottom: 4px;
  margin-top: 4px; 
}


/***
Dropdown Menu Badges
***/

.dropdown-menu > li > a > .badge {
   position: absolute;
   margin-top: 1px;
   right: 3px;
   display: inline;
   font-size: 11px;
   font-weight: 300;
   text-shadow:none;
    height: 18px;
    padding: 3px 6px 3px 6px;
    text-align: center;
    vertical-align: middle;
   -webkit-border-radius: 12px !important;
      -moz-border-radius: 12px !important;
           border-radius: 12px !important;
}

.dropdown-menu > li > a > .badge.badge-roundless {
   -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
           border-radius: 0 !important;
}

/* end: sidebar menu badges */

/***
Forms
***/
code {
  border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);  
}
label {
  font-weight: 400;
  font-size: 14px;
}

.form-control:-moz-placeholder {
  color: #999999;
}
.form-control::-moz-placeholder {
  color: #999999;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control {  
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #999999;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.uneditable-input {
  padding: 6px 12px;
  min-width: 206px;
  font-size: 14px;
  font-weight: normal;
  height: 34px;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

label.form-control {
  display: block;
  margin-bottom: 5px;
}

input[disabled],
select[disabled],
textarea[disabled] {
  cursor: not-allowed;
  background-color: #F4F4F4 !important;
}

input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #F9F9F9 !important;
}

/* input  groups */
.input-group.input-group-fixed {
  width: auto !important;
}

.input-group-addon {
  border-color: #e5e5e5;
  background: #e5e5e5;
  min-width: 39px;
}

.input-group-addon > i {
  color: #999;
}

/* form control sizing */
.form-control-inline {
  display: inline-block !important;
}

.input-xsmall {
  width: 60px !important;
}

.input-small {
  width: 120px !important;
}

.input-medium {
  width: 240px !important;
}

.input-large {
  width: 320px !important;
}

.input-xlarge {
  width: 480px !important;
}

/***
Input spinner(in v1.4)
***/

input[type="text"].spinner,
input[type="password"].spinner,
input[type="datetime"].spinner,
input[type="datetime-local"].spinner,
input[type="date"].spinner,
input[type="month"].spinner,
input[type="time"].spinner,
input[type="week"].spinner,
input[type="number"].spinner,
input[type="email"].spinner,
input[type="url"].spinner,
input[type="search"].spinner,
input[type="tel"].spinner,
input[type="color"].spinner {
  background-image: url("../img/input-spinner.gif") !important;
  background-repeat: no-repeat;
  background-position: right 8px;
}

@media (max-width: 768px) {

  .input-large {
    width: 250px !important;
  }

  .input-xlarge {
    width: 300px !important;
  }

} 

/***
Error States
***/

.has-warning .help-inline,
.has-warning .help-block,
.has-warning .control-label {
  color: #c09853;
}

.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-warning .form-control:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-warning .input-group-addon {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.has-error .help-inline,
.has-error .help-block,
.has-error .control-label,.has-error .error {
  color: #b94a48 !important;
}
.has-error .error {
font-size: 12px !important;
}
.has-error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-error .form-control:focus {
  border-color: #953b39;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-error .input-group-addon {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.inbox-compose .has-error .wysihtml5-sandbox {
    border: 1px solid #B94A48 !important;
}

.inbox-compose .has-error .editor-error{
    margin-top: 8px;
    position: absolute;
    right: 15px;
    width: 100%;
}

.has-success .help-inline,
.has-success .help-block,
.has-success .control-label {
  color: #468847;
}

.has-success .form-control {
  border-color: #468847;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-success .form-control:focus {
  border-color: #356635;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-success .input-group-addon {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

/***
Custom label and badges
***/

.label, 
.badge {
  font-weight: 300;  
  text-shadow: none !important;
}

.label {  
  font-size: 12px;  
  padding: 3px 6px 3px 6px;
}

.label.label-sm {  
  font-size: 12px;
  padding: 1px 4px 1px 4px;
}

h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label,
h7 .label {
  font-size: 75%;
}

.badge {
  font-size: 11px !important;
  font-weight: 300;
  text-align: center;
  background-color: #e02222;
  height: 18px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
     -moz-border-radius: 12px !important;
          border-radius: 12px !important;
  text-shadow:none !important;
  text-align: center;
  vertical-align: middle;
}

.badge.badge-roundless {
   -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
           border-radius: 0 !important;
}

.badge-default,
.label-default  {
  background-color: #999 !important;
}

.badge-primary,
.label-primary {
  background-color: #428bca !important;
}

.label-success, 
.badge-success {
  background-color: #3cc051;
  background-image: none !important;
}

.label-warning, 
.badge-warning {
  background-color: #fcb322;
  background-image: none !important;
}

.label-danger, 
.badge-danger {
  background-color: #ed4e2a;
  background-image: none !important;
}

.label-info, 
.badge-info {
  background-color: #57b5e3;
  background-image: none !important;
}

/* fix badge position for navs */
.nav.nav-pills > li > a > .badge {
  margin-top: -2px;
}

.nav.nav-stacked > li > a > .badge {
  margin-top: 1px;
  margin-bottom: 0px;
}

/***
Iconic Labels
***/

.label.label-icon {
  padding: 4px 1px 4px 5px;
  margin-right: 2px;
  text-align: center !important;
}

.ie9 .label.label-icon, 
.ie10 .label.label-icon {
  padding: 3px 0px 3px 3px;
} 

.label.label-icon > i {
  font-size: 12px;
  text-align: center !important;
}


/***
Progress Bars
***/

.progress {  
  border: 0; 
  background-image: none !important;
  filter: none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;   

}

.progress > .progress-bar-success {
  background-color: #3cc051;
}

.progress > .progress-bar-danger {
  background-color: #ed4e2a;
}

.progress > .progress-bar-info {
  background-color: #57b5e3;
}

.progress > .progress-bar-warning {
  background-color: #fcb322;
}


/***
Pagination
***/
.pagination {
  margin: 10px 0;
}

.pagination .active > a,
.pagination .active > a:hover {
  background: #eee;
  border-color: #dddddd;
  color: #333;
}



/***
wells
***/
.well {  
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

/* Bootstrap Tabs */

.dropup.open > .dropdown-toggle,
.dropdown.open > .dropdown-toggle {
  border-color: #ddd !important;
}

.nav-tabs > li > .dropdown-menu:after,
.nav-pills > li > .dropdown-menu:after,
.navbar-nav > li > .dropdown-menu:after,

.nav-tabs > li > .dropdown-menu:before,
.nav-pills > li > .dropdown-menu:before,
.navbar-nav > li > .dropdown-menu:before {
  display: none !important;
}

.nav-tabs > .dropdown.open > .dropdown-toggle, 
.nav-pills > .dropdown.open > .dropdown-toggle {
  background: #eee !important;
  color: #0d638f !important;
}


.nav-tabs,
.nav-pills {
  margin-bottom: 10px;
}

.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.tabs-below > .nav-tabs,
.tabs-below > .nav-pills {
  border-bottom: 0;
  margin-bottom: 0px;
  margin-top: 10px;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  margin-top: 10px;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

/* BS3.0.3 removed tabbable class so its added back */
.tabbable:before,
.tabbable:after {
  display: table;
  content: " ";
}

.tabbable:after {
  clear: both;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: " ";
}

.tabbable:after {
  clear: both;
}

/***
Bootstrap modal 
***/

.modal {
  z-index: 10050 !important;
  outline: none !important;
}

.modal-header {
  border-bottom: 1px solid #EFEFEF;
}

.modal-header h3{
  font-weight: 300;
}

.modal-small {
  width: 400px !important;
}

.modal-wide {
  width: 60% !important;
}

.modal-full {
  width: 100% !important;
}

/***
Modal header close button fix
***/
.modal-header .close {
  margin-top: 0px !important;
}

.modal > .loading {
  position: absolute;
  top: 50%;
  left:50%;
  margin-top: -22px;
  margin-left: -22px;
}

.modal-backdrop {
  border: 0 !important;
  outline: none !important;
  z-index: 10049 !important;
}

.modal-backdrop, 
.modal-backdrop.fade.in {
  background-color: #333 !important;
}

/* fix: content shifting to the right on modal open due to scrollbar closed */
.modal {
  overflow-y: auto !important;
}

.modal-open {
  overflow-y: auto !important;
}

.modal-open-noscroll {
  overflow-y: hidden !important; 
}


/***
Image Carousel
***/
.carousel.image-carousel .carousel-inner {
  padding-top: 0;
  padding-bottom: 0;
}

.carousel.image-carousel .carousel-control i {
  position: absolute;
  top:40%;
}

.carousel.image-carousel.image-carousel-hoverable .carousel-control i { 
  display: none;
}

.carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {
  display: inline-block;
}

.carousel.image-carousel .carousel-control.left i {
  left:10px;
}

.carousel.image-carousel .carousel-control.right i {
  right:10px;
}

.carousel.image-carousel .carousel-indicators {
  margin-top: 10px;
  bottom: -7px;
}

.carousel.image-carousel .carousel-indicators li {
  background-color: #666;
}

.carousel.image-carousel .carousel-indicators li.active {
  background-color: #333;
}

.carousel.image-carousel .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px 15px 25px 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel.image-carousel .carousel-caption h4,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h2,
.carousel.image-carousel .carousel-caption p {
  text-align: left;
  line-height: 20px;
  color: #ffffff;
}

.carousel.image-carousel .carousel-caption h2,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel.image-carousel .carousel-caption h2 a,
.carousel.image-carousel .carousel-caption h3 a,
.carousel.image-carousel .carousel-caption h4 a {
  color: #aaa;
} 

.carousel.image-carousel .carousel-caption p {
  margin-bottom: 0;
}

.carousel.image-carousel .item {
  margin: 0;
}

/***
Bootstrap Tables
***/

.table thead > tr > th {
  border-bottom: 0;
}

.table tbody tr.active td,
.table tbody tr.active th {
  background-color: #e9e9e9 !important;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
  background-color: #e1e1e1 !important;
}

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
  background-color: #017ebc;
}

/***
Bootstrap Panel
***/

.panel {  
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}