@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/ptsans_regular/PTS55F-webfont.eot');
    src: url('fonts/ptsans_regular/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptsans_regular/PTS55F-webfont.woff') format('woff'),
         url('fonts/ptsans_regular/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/ptsans_regular/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sansbold';
    src: url('fonts/ptsans_bold/fonts/ptsans_bold/PTS75F-webfont.eot');
    src: url('fonts/ptsans_bold/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptsans_bold/PTS75F-webfont.woff') format('woff'),
         url('fonts/ptsans_bold/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/ptsans_bold/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pt_sansbold_italic';
    src: url('fonts/ptsans_bolditalic/PTS76F-webfont.eot');
    src: url('fonts/ptsans_bolditalic/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptsans_bolditalic/PTS76F-webfont.woff') format('woff'),
         url('fonts/ptsans_bolditalic/PTS76F-webfont.ttf') format('truetype'),
         url('fonts/ptsans_bolditalic/PTS76F-webfont.svg#pt_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pt_sansitalic';
    src: url('fonts/ptsans_italic/PTS56F-webfont.eot');
    src: url('fonts/ptsans_italic/fonts/ptsans_italic/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptsans_italic/PTS56F-webfont.woff') format('woff'),
         url('fonts/ptsans_italic/PTS56F-webfont.ttf') format('truetype'),
         url('fonts/ptsans_italic/PTS56F-webfont.svg#pt_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: BayWaSans-Medium;
    src: url('fonts/baywa_fonts/BayWaSans-Medium.ttf')
}

/*::-webkit-input-placeholder {
   color: #3d3d3c;
}*/

:-moz-placeholder { /* Firefox 18- */
   color: #3d3d3c;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #3d3d3c;  
}

:-ms-input-placeholder {  
   color: #3d3d3c;  
}
/*.search-input::-webkit-input-placeholder {
    font-family:pt_sansbold;
    color:red;
}*/
.search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
    font-family: pt_sansitalic;
}
.search-input::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
    opacity:1;
    font-family: pt_sansitalic;
}
.search-input:-ms-input-placeholder { /* IE 10+ */
    color: #d8d8da;
    font-style: italic;
}
.search-input:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
    opacity: 1;
    font-family: pt_sansitalic;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../images/ajax-loader.gif") 50% 50% no-repeat rgba(255, 255, 255, 0.35);
}
 .preloader {
 	position: fixed;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    z-index: 9999;
    background: url("../images/ajax-loader.gif") 50% 50% no-repeat;
 }

html, body {
	height:auto;
	min-height:100%;
}
body.index {
	color:#222222;
	font-family: "pt_sansbold";
	font-style: normal;
	font-weight: normal;
	font-size:15px;
}
body .footer {
	height:40px;
	background:#d0d0d3;
	width:100%;
}
.navbar-header.menu-top {
	/*background:#f2efed;*/
	padding:0px 0px;
	width: 100%;
}
.app-content-body {
	width:auto;
	overflow-x:hidden;
	margin-top: 40px;
	padding-bottom:25px;
	height:100%;
}
.app-content-body h5 {
	font-size:25px;
	margin-bottom:15px;
}
/* #app {
	height:100%;
	background: #fff;
} */
.mobile-header{
	display:none;
}
.col-sm-12 .text-logo, 
.col-xs-12 .text-logo {
	float:left;
}
.container-top-links{
	width:100%;
	background:#fff;
	float:left;
}
.text-logo {
    /*background-color: rgb(255,255,255, 0.6);
    border-radius:0 0 0 5px;*/
    /*margin-top:51px;
	right:0%;
	color:#fff;
	background:#4ea7d4;
	opacity: 0.98;
	border-radius:3px 0px 0px 3px;*/
}
.text-logo h2 {
	/*margin-top:14px !important;
	margin-bottom:11px !important;*/
	padding-left:25px;
	font-family: "pt_sansregular";
}
.grey-container{
	background: url("../images/sidebar_bg2.png") repeat-y left top;
	height:100%;
	background-size: 214px 100%;
	min-height:100%;
}
.widget-header h5 {
	font-size:17px;
}
.hecpoll-logo {
	display:none !important;
}
li#tab_zero {
	display:none !important;
}
.align-left {
	text-align:left;
}
.align-center {
    text-align: center;
}
.error {
    color: #e54e62 !important;
}
.margin-centered {
	margin: 0 auto;
}
.text-centered {
	text-align: center;
}
div.desktop-header .nav.navbar-top-links.navbar-right {
    padding-top: 10px;
}
.navbar-top-links .user-info {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 15px;
    position: relative;
    top: 15px;
}
    .navbar-top-links .user-info .logged {
        font-size:16px;
        float:right;
    }
    .navbar-top-links .user-info label {
        font-size:18px;
        font-family:'pt_sansbold';
        white-space:nowrap;
        float:right;
        text-align:right;
        width:100%;
        vertical-align:initial;
        float:right;
    }
div.desktop-header .navbar-top-links.navbar-right li.profile-button.open,
div.desktop-header .navbar-top-links.navbar-right li.profile-button:hover {
    background: transparent !important;
}
div.desktop-header .navbar-top-links.navbar-right li.profile-button a:hover {
    background: none;
}
div.desktop-header .navbar-top-links.navbar-right li.profile-button a.dropdown-toggle {
    padding-bottom:2px;
}
div.mobile-header .navbar-top-links.navbar-right li.profile-button {
    float: right;
}
    div.mobile-header .navbar-top-links.navbar-right li.profile-button.open a.dropdown-toggle,
    div.mobile-header .navbar-top-links.navbar-right li.profile-button:hover a.dropdown-toggle {
        background: #3d3d3d !important;
    }
div.desktop-header .navbar-top-links.navbar-right li.profile-button.open .fa.fa-caret-down {
    color: #e21d3e !important;
}
.profile-button .fa.fa-caret-down {
    border-left: 1px solid #e6e6e6;
    width: 19px;
    height: 70px;
    text-align: center;
    padding-top: 30px;
    display: inline-block;
    font-size: 16px;
    color: #e6e6e6 !important;
}
/*.navbar-top-links {
	margin-right:0px !important;
	font-size: 13px;
	float:right;
}
.navbar-top-links.navbar-right >li>a {
	padding:5px 10px;
}
.navbar-top-links.navbar-right li.profile-button.open,
.navbar-top-links.navbar-right li.profile-button:hover {
	background:#3d3d3d !important;
}*/

div.mobile-header .navbar-top-links.navbar-right li.profile-button.open span.logged,
div.mobile-header .navbar-top-links.navbar-right li.profile-button:hover span.logged {
    color: #fff;
}
.navbar-top-links.navbar-right .dropdown-menu {
	margin:0px;
	border-radius:0px 0px 4px 4px;
	border:none;
	border-bottom:5px solid #dd223b;
	padding:10px 0px;
}
div.mobile-header .navbar-top-links.navbar-right .dropdown-menu {
    width:100%;
    min-width:100%;
}
    div.desktop-header .navbar-top-links.navbar-right .dropdown-menu::before {
        border-bottom: 7px solid white;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
        right: 8px;
        top: -8px;
    }
    .navbar-top-links.navbar-right .dropdown-menu > li > a {
        padding: 0px 11px;
        font-size: 13px;
        line-height: 22px;
    }
.navbar-top-links.navbar-right .dropdown-user span.sign-out,
.navbar-top-links.navbar-right .dropdown-user span.settings,
.navbar-top-links.navbar-right .dropdown-user span.user {
    width: 24px;
    float: left;
}

.navbar-top-links.navbar-right  .dropdown-user span.sign-out{
	background: url("../images/design-icons.png") no-repeat -34px -55px;
    height:19px;
}
.navbar-top-links.navbar-right  .dropdown-user span.settings{
	background: url("../images/change_language.png") no-repeat left center;
	height:20px;
}
.navbar-top-links.navbar-right  .dropdown-user span.user{
	background: url("../images/change_password.png") no-repeat left center;
	height:24px;
}
.dropdown-menu .divider {
    height: 2px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #f2efed;
}
.overflow-mobile-menu {
    position: relative !important;
    overflow-y: auto !important;
}
.ui-resizable-e {
    width: 15px;
}
#resizable.menu-minimized {
	width:50px;
}
a {
	cursor: pointer !important;
}
section.navbar-section {
    width: 100%;
}
.navbar.navbar-default {
    background: #ffffff url(../images/bg_header_desktop.png);
    /*background: #ffffff url("../images/bg_header_incresed_size.jpg") no-repeat ;*/
    width: 100%;
    border: none;
    border-bottom: 3px solid red;
}
#side-menu .dropdown-menu {
	position: relative;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	cursor: pointer;
}
.ui-icon, .ui-widget-content .ui-icon  {
	background-image:none;
}

ul#side-menu li span.icon {
    background:url("../images/payline_main_navigation_sprite_190730.png") no-repeat;
    width: 20px;
    height: 17px;
    float: left;
    margin-top: 0px;
    margin-right: 10px;
}
/* normal, grey icons*/
ul#side-menu li#dashboard span.icon{
	background-position:-5px -3px;
}
ul#side-menu li#reports span.icon {
    background-position: -5px -513px;
}
ul#side-menu li#stations span.icon {
    background-position:-5px -365px;
}
ul#side-menu li#application_roles span.icon {
    background-position: -5px -439px;
}
ul#side-menu li#card-layouts span.icon {
    background-position: -5px -400px;
}
ul#side-menu li#cards span.icon {
    background-position: -5px -184px;
}
ul#side-menu li#users span.icon {
    background-position: -5px -219px;
}
ul#side-menu li#mandators span.icon {
    background-position: -5px -477px;
}
ul#side-menu li#transactions span.icon {
    background-position: -5px -146px;
}
ul#side-menu li#functions span.icon {
    background-position: -5px -439px;
}
ul#side-menu li#settings span.icon {
    background-position: -5px -660px;
}
ul#side-menu li#hosts span.icon {
    background-position: -5px -624px;
}
ul#side-menu li#group-code-mapping span.icon {
    background-position: -5px -697px;
}
ul#side-menu li#messages span.icon {
    background-position: -5px -75px;
}
ul#side-menu li#thirdParty span.icon {
    background-position: -5px -290px;
}

/* hover effects, white  icons*/
ul#side-menu li#dashboard:hover span.icon,
ul#side-menu li#dashboard.active:hover span.icon{
	background-position:-82px -3px !important;
}
ul#side-menu li#reports a.reports-link:hover span.icon,
ul#side-menu li#reports.active:hover span.icon {
    background-position: -82px -513px !important;
}
ul#side-menu li#stations a.reports-link:hover span.icon,
ul#side-menu li#stations.active:hover span.icon {
    background-position: -82px -365px !important;
}
ul#side-menu li#application_roles.active:hover span.icon, 
ul#side-menu li#application_roles:hover span.icon {
    background-position:-82px -439px !important;
}
ul#side-menu li#card-layouts.active:hover span.icon, 
ul#side-menu li#card-layouts:hover span.icon {
    background-position:-82px -400px !important;
}
ul#side-menu li#cards.active:hover span.icon, 
ul#side-menu li#cards:hover span.icon {
    background-position:-82px -184px !important;
}
ul#side-menu li#users.active:hover span.icon, 
ul#side-menu li#users:hover span.icon {
    background-position:-82px -219px !important;
}
ul#side-menu li#mandators.active:hover span.icon, 
ul#side-menu li#mandators:hover span.icon {
    background-position:-82px -477px !important;
}
ul#side-menu li#transactions a.reports-link:hover span.icon,
ul#side-menu li#transactions.active:hover span.icon {
    background-position: -82px -147px !important;
}
ul#side-menu li#functions:hover span.icon,
ul#side-menu li#functions.active:hover span.icon {
    background-position: -82px -439px !important;
}
ul#side-menu li#settings:hover span.icon,
ul#side-menu li#settings.active:hover span.icon {
    background-position: -82px -660px !important;
}
ul#side-menu li#hosts:hover span.icon,
ul#side-menu li#hosts.active:hover span.icon {
    background-position: -82px -624px !important;
}
ul#side-menu li#group-code-mapping:hover span.icon,
ul#side-menu li#group-code-mapping.active:hover span.icon {
    background-position: -82px -697px !important;
}
ul#side-menu li#messages:hover span.icon,
ul#side-menu li#messages.active:hover span.icon {
    background-position: -82px -75px !important;
}
ul#side-menu li#thirdParty:hover span.icon,
ul#side-menu li#thirdParty.active:hover span.icon {
    background-position: -82px -290px !important;
}

/* active effects, red icons*/
ul#side-menu li#dashboard.active span.icon{
	background-position:-56px -3px !important;
}
ul#side-menu li#reports.active span.icon,
ul#side-menu li#reports.expanded span.icon {
    background-position: -56px -513px !important;
}
ul#side-menu li#stations.active span.icon,
ul#side-menu li#stations.expanded span.icon {
    background-position: -56px -365px !important;
}
ul#side-menu li#application_roles.active span.icon {
     background-position: -56px -439px !important;
}
ul#side-menu li#card-layouts.active span.icon {
     background-position: -56px -400px !important;
}
ul#side-menu li#cards.active span.icon {
     background-position: -56px -183px !important;
}
ul#side-menu li#users.active span.icon {
     background-position: -56px -219px !important;
}
ul#side-menu li#mandators.active span.icon {
     background-position: -56px -477px !important;
}
ul#side-menu li#transactions.active span.icon,
ul#side-menu li#transactions.expanded span.icon {
    background-position: -56px -147px !important;
}
ul#side-menu li#functions.active span.icon {
    background-position: -56px -439px !important;
}
ul#side-menu li#settings.active span.icon {
    background-position: -56px -660px !important;
}
ul#side-menu li#hosts.active span.icon {
    background-position: -56px -624px !important;
}
ul#side-menu li#group-code-mapping.active span.icon {
    background-position: -56px -697px !important;
}
ul#side-menu li#messages.active span.icon {
    background-position: -56px -75px !important;
}
ul#side-menu li#thirdParty.active span.icon {
    background-position: -56px -290px !important;
}
/* menu minimized, black icons*/
.menu-minimized ul#side-menu li#dashboard span.icon{
	background-position:-31px -3px !important;
}
.menu-minimized ul#side-menu li#reports span.icon {
    background-position: -31px -513px !important;
}
.menu-minimized  ul#side-menu li#stations span.icon{
    background-position:-31px -365px !important;
}
.menu-minimized  ul#side-menu li#application_roles span.icon{
    background-position:-31px -439px !important;
}
.menu-minimized  ul#side-menu li#card-layouts span.icon{
    background-position:-31px -400px !important;
}
.menu-minimized  ul#side-menu li#cards span.icon{
    background-position:-31px -183px !important;
}
.menu-minimized  ul#side-menu li#users span.icon{
    background-position:-31px -219px !important;
}
.menu-minimized  ul#side-menu li#mandators span.icon{
    background-position:-31px -477px !important;
}
.menu-minimized ul#side-menu li#transactions span.icon {
    background-position: -29px -147px !important;
}
.menu-minimized ul#side-menu li#functions span.icon {
    background-position: -31px -439px !important;
}
.menu-minimized ul#side-menu li#settings span.icon {
    background-position: -31px -660px !important;
}
.menu-minimized ul#side-menu li#hosts span.icon {
    background-position: -31px -624px !important;
}
.menu-minimized ul#side-menu li#group-code-mapping span.icon {
    background-position: -31px -697px !important;
}
.menu-minimized ul#side-menu li#messages span.icon {
    background-position: -31px -75px !important;
}
.menu-minimized ul#side-menu li#thirdParty span.icon {
    background-position: -31px -290px !important;
}

/* active si hover effects, menu minimized, red icons*/
.menu-minimized  ul#side-menu li#dashboard.active span.icon,
.menu-minimized  ul#side-menu li#dashboard:hover span.icon{
	background-position:-56px -3px !important;
}
.menu-minimized ul#side-menu li#reports.active span.icon,
.menu-minimized ul#side-menu li#reports:hover span.icon,
.menu-minimized ul#side-menu li#reports.expanded span.icon,
.menu-minimized ul#side-menu li#reports a.reports-link:hover span.icon {
    background-position: -56px -513px !important;
}
.menu-minimized ul#side-menu li#stations.active span.icon,
.menu-minimized ul#side-menu li#stations:hover span.icon,
.menu-minimized ul#side-menu li#stations.expanded span.icon,
.menu-minimized ul#side-menu li#stations a.reports-link:hover span.icon {
    background-position: -56px -365px !important;
}
.menu-minimized  ul#side-menu li#application_roles.active span.icon,
.menu-minimized  ul#side-menu li#application_roles:hover span.icon{
    background-position: -56px -439px !important;
}
.menu-minimized  ul#side-menu li#card-layouts.active span.icon,
.menu-minimized  ul#side-menu li#card-layouts:hover span.icon{
    background-position: -56px -400px !important;
}
.menu-minimized  ul#side-menu li#cards.active span.icon,
.menu-minimized  ul#side-menu li#cards:hover span.icon{
    background-position: -56px -183px !important;
}
.menu-minimized  ul#side-menu li#users.active span.icon,
.menu-minimized  ul#side-menu li#users:hover span.icon{
    background-position: -56px -219px !important;
}
.menu-minimized  ul#side-menu li#mandators.active span.icon,
.menu-minimized  ul#side-menu li#mandators:hover span.icon{
    background-position: -56px -477px !important;
}
.menu-minimized ul#side-menu li#transactions.active span.icon,
.menu-minimized ul#side-menu li#transactions:hover span.icon,
.menu-minimized ul#side-menu li#transactions.expanded span.icon,
.menu-minimized ul#side-menu li#transactions a.reports-link:hover span.icon {
    background-position: -54px -147px !important;
}

.menu-minimized ul#side-menu li#functions.active span.icon,
.menu-minimized ul#side-menu li#functions:hover span.icon {
    background-position: -56px -439px !important;
}
.menu-minimized ul#side-menu li#settings.active span.icon,
.menu-minimized ul#side-menu li#settings:hover span.icon {
    background-position: -56px -660px !important;
}
.menu-minimized ul#side-menu li#hosts.active span.icon,
.menu-minimized ul#side-menu li#hosts:hover span.icon {
    background-position: -56px -624px !important;
}
.menu-minimized ul#side-menu li#group-code-mapping.active span.icon,
.menu-minimized ul#side-menu li#group-code-mapping:hover span.icon {
    background-position: -56px -697px !important;
}
.menu-minimized ul#side-menu li#messages.active span.icon,
.menu-minimized ul#side-menu li#messages:hover span.icon {
    background-position: -56px -75px !important;
}
.menu-minimized ul#side-menu li#thirdParty.active span.icon,
.menu-minimized ul#side-menu li#thirdParty:hover span.icon {
    background-position: -56px -290px !important;
}
.menu-minimized ul#side-menu li span.icon{
	margin-left:0px;
}
/*.sidebar #side-menu > li.active:hover > a,
.sidebar #side-menu > li:hover > a 
{
    background: #52b0df url("../images/menu-hover.jpg") repeat-y left top !important;
    border-radius: 4px 0px 0px 4px;
    color: #3d3d3c !important;
    background-size: 214px 100%;
}*/

.sidebar-menu:not(.menu-minimized) #side-menu > li.active:hover > a,
.sidebar-menu:not(.menu-minimized) #side-menu > li:not(#reports):not(#transactions):not(#stations):hover > a,
.sidebar-menu:not(.menu-minimized) #side-menu > li#reports > a.reports-link:hover,
.sidebar-menu:not(.menu-minimized) #side-menu > li#transactions > a.reports-link:hover,
.sidebar-menu:not(.menu-minimized) #side-menu > li#stations > a.reports-link:hover {
    background: #52b0df url("../images/menu-hover.jpg") repeat-y left top !important;
    border-radius: 4px 0px 0px 4px;
    color: #3d3d3c !important;
    background-size: 214px 100%;
}
/*.sidebar-menu:not(.menu-minimized) #side-menu > li.active:hover > a,
.sidebar-menu:not(.menu-minimized) #side-menu > li:not(#reports):hover > a,
.sidebar-menu:not(.menu-minimized) #side-menu > li#reports > a.reports-link:hover {
    background: #52b0df url("../images/menu-hover.jpg") repeat-y left top !important;
    border-radius: 4px 0px 0px 4px;
    color: #3d3d3c !important;
    background-size: 214px 100%;
}*/
/**align text flex FOR group-code-mapping*/
.sidebar-nav ul#side-menu li#group-code-mapping span.text {
    display: flex;
}

/*.sidebar-menu:not(.menu-minimized) #side-menu > li:not(#reports):focus,
.sidebar-menu:not(.menu-minimized) #side-menu > li:not(#reports):hover {
    background: #52b0df;
}*/

.menu-minimized #side-menu > li.active:hover > a,
.menu-minimized #side-menu > li:hover > a {
    background: none !important;
}
li.customDropdown.expanded > a,
.sidebar #side-menu > li.active > a,
.sidebar #side-menu > li > a:focus
{
	color:#e21d3e;
}
a:focus {
    text-decoration: none;
    background-color: transparent !important; 
 }

.nav>li>a {
    padding: 8px 6px;
}
.sidebar-menu {
	font-size:15px;
	height:100%;
    width:214px;
	float:left;
	margin-right:15px;
}
.sidebar-clickable {
	position:absolute;
	right:-11px;
	top:0px;
	width:10px;
	cursor:pointer;
	height:100%;
	display:inline-block;
	z-index:99999;
}
.sidebar-clickable:hover {
	background:#eae5e1;
}
.sidebar {
	margin-right:10px;
	border-right:1px solid #fff;
	position: relative;
}
.resize-dots {
	background:url("../images/resize-dots.png") no-repeat center center;
	display:inline-block;
	width:8px;
	height:15px;
}
.profile-button span {
	color:#000;
	font-family: "pt_sansregular";
	font-weight: normal;
}
.red {
	color:#e21d3e !important;
}
.profile-button .fa  {
	color:#e21d3e !important;
	font-weight:bold;
}
#top-right, 
#bottom-right,
#center-right { 
	position:absolute;
	right:2px;
	color:#e21d3e;
	font-size:14px;
	font-weight:bold;
}
.sidebar #top-right {
	top:3px;
    right:3px;
}
.sidebar #bottom-right {
	bottom:3px;
    /*right:3px;*/
}
.sidebar #center-right {
	top:50%;
	/*right:2px;*/
}
.sidebar .sidebar-nav.navbar-collapse {
	background:none !important;	
	line-height:18px;
    padding-top:0.5em;
}
.sidebar-menu:not(.menu-minimized) .sidebar-nav.navbar-collapse {
    padding-right: 0.3em;
    padding-left: 0.1em;
}
.menu-minimized .sidebar-nav.navbar-collapse {
    padding-right: 0.5em;
    padding-left: 0.5em;
}
.sidebar ul li {
    border-bottom: 2px solid #fff;
}
.navbar-default.sidebar {
	background: none!important;
}
.sidebar  a {
	color:#222222;
}

.navbar-collapse.in {
    height: 100%;
    overflow: visible;
}
.dropdown-menu li span.fa {
	visibility:hidden;
	margin-right:0px;
}
.dropdown-menu li.active > a span.fa,
.dropdown-menu li > a:focus span.fa,
.dropdown-menu li:hover > a span.fa,
.dropdown-menu li:focus > span.fa {
    visibility: visible;
    color: #e54e62;
    font-weight: bold;
}
.dropdown-menu li.active a,
.dropdown-menu li a:focus,
.dropdown-menu li:hover a,
.dropdown-menu li:focus {
    background: none !important;
    border: none;
    border-radius: 0px;
    color: #3d3d3c;
}
.sidebar .dropdown-menu > .active > a,
.sidebar .dropdown-menu > .active > a:focus,
.sidebar .dropdown-menu > .active > a:hover,
.sidebar .dropdown-menu a:hover {
    font-family: "pt_sansbold";
    color: #3d3d3c;
    border: none;
}
.dropdown-menu li {
    border: none !important;
    font-size: 13px;
}
.dropdown-menu.dropdown-user li:hover {
	background:#f2efed;
}
.sidebar .dropdown-menu>li>a {
	padding:10px 35px;
}
li.customDropdown.expanded {
	border-bottom:none !important;
}
.menu-minimized li.customDropdown.expanded {
	border-bottom:2px solid #fff !important;
}
.sidebar .dropdown-menu {
    width: 100%;
    background-color: #2D2828;
    margin:0px;
    padding:0px;
    background: none!important;
    border-top:none !important;
    border-right:none !important;
    border-left:none !important;
    box-shadow:none;
    border-bottom:2px solid #fff;
    z-index:10 !important;
}
.menu-minimized .sidebar .dropdown-menu{
	border-bottom:none !important;
} 
.menu-minimized ul.dropdown-menu.show{
	display: none !important;
}
.no-padding {
	padding:0px !important;
}
.navbar.navbar-default .text-grey {
	font-size:13px;
}

.text-white {
	color:#fff;
}

.icon-submenu {
	float:left;
	width:20px;
	height:20px;
	color:#e54e62 !important;
}

/*.navbar-collapse.in {
    overflow-y: visible;
    position: absolute;
}*/
.navbar-collapse {
	padding:0px;
}
.sidebar .dropdown-menu>li>a {
	padding:5px 35px;
	font-size: 14px;
	font-family: "pt_sansregular";
}

.sidebar .nav > .open>a,
.sidebar .nav > .open>a:focus,
.sidebar .nav > .open>a:hover {
    background:none !important;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	 background:none !important;

}
.nav > li {
	clear:both;
	z-index: 9999;
}
li a>.fa.fa-angle-up {
    float:right;
    font-size:17px;
}
li.expanded a>.fa.fa-angle-up:before {
    content: "\f107" !important;
    float:right;
}

.navbar.navbar-default .text-grey {
	font-size:13px;
}
.text-grey {
	color:#848383;
}

.text-white {
	color:#fff;
}
/* widgets */
.col-xs-12 .widgets {
	min-height:300px;
}
.widget-header {
    font-family:"pt_sansbold";
    background-color: #3d3d3c;
    color:#fff;
    padding:5px 10px;

}
.widget-header h5{
	margin:0px;
	font-size:15px;
}


.widget-toolbar > a {
    font-size: 16px;
    padding: 3px 7px;
    display: inline-block;
    line-height: 24px;
}
.widget-main {
	height:100%;
    width:100%;
	overflow:hidden;
    padding-bottom:20px !important;
}
.widget-body {
	/*overflow:hidden;*/
/*	height: 350px;*/
	clear:both;
}

a#btn-scroll-up {
	display:none;
}

.maximize,
.minimize
 {
	display:inline-block;
	width:32px;
	height:32px;
	vertical-align:middle;
	opacity:1;
}

.maximize:hover,
.minimize:hover {
	opacity:0.7;
}



.minimize,
.maximize {
	margin-right:0px;
}
.widget-box .edit-window {
	margin-right:12px;
	margin-top:7px;
}

.marginRight15{
	margin-right:15px;
}

.widget-toolbar {
	margin:3px 0px;
    padding: 0 10px;
    line-height: 33px;
	height:31px;
    float: right;
    border-left: 1px solid #ccc;

}
.widget-header h5 {
	display:inline-block;
}
.width100 {
	width:100% !important;
}
.optdetails {
	display:none;
}
.jqx-grid-content .jqx-grid-cell {
	background:transparent;
}
.jqx-widget div[role="row"]:hover {
	background:#eee;
}
.jqx-grid-pager-number {
    padding: 2px 2px !important;
}
div.aw-widget-36hour-inner div.aw-widget-content{
	zoom:88% !important;
}
.jqx-tabs-content.jqx-widget-content{
	height:auto!important;
}

.sidebar .nav-second-level li, .sidebar .nav-third-level li {
    border-bottom: 1px dotted !important;
}
#dialog-info {
	font-family: "pt_sansregular";
}

.ui-dialog-titlebar.ui-widget-header {
	border:1px solid #BF1F1F !important;
    background: #DA0808 !important;
}
.ui-dialog-buttonpane .ui-button-text {
	color:#000 !important;
	padding-left: 4px!important;
}
ul.menu-top-pages {
	margin:0px 0px 0px 35px;
	height:70px;
	display: none;
}
.menu-top-pages li {
	list-style-type: none;
	display:inline-block;
	font-size:16px;
	text-transform: uppercase;
	margin-right:35px;
	padding:24px 10px;
	position: relative;
}
.menu-top-pages li a,
.menu-top-pages li a:hover {
	color:#3d3d3c;
	text-decoration:none;
}
.menu-top-pages li:hover {
	background: #52b0df;
	border-radius: 0px 0px 4px 4px;
	border-bottom:10px solid #dd223b;
}
.hectronic-logo {
    /*background-color:RGB(255,255,255,0.6);*/
    background:radial-gradient(#fff 0%, #fff 20%, transparent 100%);
	margin:10px 5px;
    padding:10px;
    border-radius:5px;
	float:left;
}
.img-header {
    padding-right:15px;
    padding-top:15px;
    float:right;
}
.breadcrumb {
    padding: 0px 0px 5px 0px;
    margin-bottom: 20px;
    list-style: none;
    background: none;
    border-radius: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "pt_sansitalic";
}
 .breadcrumb>li a,
 .breadcrumb>li {
 	color:#e21d3e;
 }
  .breadcrumb>.active {
 	color:#222;
 }
 .breadcrumb>li+li:before {
    content: "";
    background:url("../images/arrow-breadcrumb.png") no-repeat left top;
    display:inline-block;
    margin:1px 2px;
    width: 7px;
    height: 8px;
}

.sidebar-to-top {
	width: 1px;
	float:left;
}
#sidebar.fixed-to-top {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 10000;
    width:204px;
}

.menu-minimized #sidebar.fixed-to-top {
	width:40px;
}
.menu-minimized .innav-collapse li {
	height:36px;
}
a:focus,
button:focus{
	outline:none !important;
}

.back-to-top {
    position: fixed;
    right: 15px;
    bottom: 50px;
    background: #e21d3e;
    color:#fff;
    background:#d0d0d3;
	color:#e21d3e;
    padding: 6px 6px 6px 8px;
    font-size: 13px;
    border: none;
    font-family: "pt_sansregular";
    outline-style: none !important;
    display: none;
}


.back-to-top:hover {
	text-decoration:underline;
}
.icon-back-to-top {
	background: url("../images/design-icons.png") no-repeat -2px -59px !important;
	width: 16px;
    height: 15px;
    float: right;
}

.highlighted {
    color:#fff;
    background:#4fa7d5;
}

input {
	outline-style: none !important;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
	background-color:#fff !important;
}
.k-window-action.k-link:hover {
	background-color:#ff4564;
	border-radius:2px 2px 2px 2px; 
	border-color:#ff4564;
}

.red-text {
	color: #e21d3e;
}
.a-disabled {
	pointer-events: none;
	cursor: default !important;
}
.dashboard_tab_content {
	margin-top:40px;
}

#application-roles-treeview {
	margin-left: 0px;
	margin-top: 0px;
}

.action-buttons a.btn {
    margin: 0px 5px;
    background: #E21D3E;
    color: #fff;
    font-family: 'pt_sansregular';
    padding: 5px 10px;
    border: 0px;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: none;
}
.label-name {
	float:left;
	margin-right:10px;
	clear:both;
	margin-top:7px;
	font-size: 17.5px;
}
.dropdown-content {
	display:inline-block;
	width: 100%;
	/*margin-bottom:20px;*/
}

.dropdown-content.dropdown-mandator {
    display: inline-block;
    width: 37%;
    /*margin-bottom: 40px;*/
    float: right;
}

.content-detail-view {
    background: #f7f4f2;
    display:inline-block;
    width: 100%;
    padding: 20px 0px;
}
.divider-content {
    height: 2px;
    background: #fff;
    clear: both;
    width: 100%;
    margin: 10px 0px 20px;
    display: inline-block;
}
.k-dropdown[aria-disabled="true"] {
    cursor: default;
}
.content-detail-view .inner-block {
    width: 100%;
    display: inline-block;
    position: relative;
}
.content-detail-view input{
    margin-bottom:4px;
    display: inline-block;
    border-width: 0px !important;
}

.content-detail-view  input.input-detail-view,
.content-detail-view  input.select-detail-view {
    height: 24px !important;
    width: 100%;
}
.content-detail-view .k-numeric-wrap.k-state-default .input-detail-view {
    font-family: 'pt_sansregular';
}
.content-detail-view input.input-detail-view:not(.error-required),
.content-detail-view input.input-detail-view:focus {
    border-radius: 3px 3px 3px 3px;
    padding: 2px 5px 2px 5px;
    text-indent: 5px;
    font-family: "pt_sansregular";
    -moz-box-shadow: inset 2px 2px 0px 0px #d9d9d9 !important;
    -webkit-box-shadow: inset 2px 2px 0px 0px #d9d9d9 !important;
    box-shadow: inset 2px 2px 0px 0px #d9d9d9 !important;
}
.content-detail-view input.input-detail-view:focus,
.content-detail-view textarea.textarea-detail-view:focus {
    border: none;
}
    .content-detail-view input.input-detail-view:disabled {
        background-color: #ebebebd4;
    }
/* select input */
.content-detail-view .input-detail-view-input,
.content-detail-view .select-detail-view,
.content-detail-view .k-numerictextbox.input-detail-view {
    height: 24px !important;
    width: 100%;
    margin-bottom: 4px;
}
.content-detail-view .k-dropdown-wrap.k-state-disabled {
    background-color: #d9d9d9 !important;
}

.content-detail-view input.input-detail-view:not(.error-required),
.content-detail-view input.input-detail-view:focus {
    border-radius: 3px 3px 3px 3px;
    padding: 2px 5px 2px 5px;
    text-indent: 5px;
    font-family: "pt_sansregular";
    -moz-box-shadow: inset 2px 2px 0px 0px #d9d9d9 !important;
    -webkit-box-shadow: inset 2px 2px 0px 0px #d9d9d9 !important;
    box-shadow: inset 2px 2px 0px 0px #d9d9d9 !important;
}

input[aria-invalid="true"], textarea[aria-invalid="true"] {
    border: 1px solid #f00 !important;
    box-shadow: 0 0 4px 0 #f00;
}

.content-detail-view .dropdown-inputs .k-dropdown .k-select {
    height: 16px !important;
    font-family: 'pt_sansregular';
    border-width: 0px !important;
}
.content-detail-view .dropdown-inputs .k-select {
    height: 22px !important;
    min-height: 22px !important;
    font-family: 'pt_sansregular';
    border-width: 0px !important;
    background-color: #fff !important;
    margin-top: 2px;
}
.content-detail-view .dropdown-inputs .k-state-hover {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.content-detail-view .dropdown-inputs .k-dropdown,
.content-detail-view .dropdown-inputs .k-dropdown-wrap {
    height: 24px;
    max-width: 100%;
}
    .content-detail-view .dropdown-inputs .k-dropdown,
    .content-detail-view .dropdown-inputs .k-dropdown-wrap:not(.error-required) {
        height: 24px;
        border: 0px !important;
        max-width: 100%;
    }
.k-dropdown .k-state-default.error-required {
	border-color: #E21D3E !important;
	border-width: 2px !important;
}
.content-detail-view .dropdown-inputs .k-dropdown .k-input,
.content-detail-view .dropdown-inputs .k-dropdown .k-select {
    height: 24px;
    line-height: 19px;
    font-family: 'pt_sansregular';
    border-width: 0px !important;
}
.content-detail-view .k-picker-wrap,
.content-detail-view .k-numeric-wrap.k-state-default,
.content-detail-view .dropdown-inputs .k-dropdown .k-state-default {
    background-color: #d9d9d9 !important;
}
    .content-detail-view .dropdown-inputs .k-dropdown .k-state-default.k-state-focused{
        box-shadow:none;
    }
    .content-detail-view .dropdown-inputs .k-dropdown .k-input {
        -moz-box-shadow: inset 2px 2px 0px 0px #d9d9d9 !important;
        -webkit-box-shadow: inset 2px 2px 0px 0px #d9d9d9 !important;
        box-shadow: inset 2px 2px 0px 0px #d9d9d9 !important;
    }
.content-input-detail-view.house-number,
.content-input-detail-view.postal-code {
    width:80px;
    display: inline-block;
}
.action-buttons {
    float:right;
    clear:both;
    margin:20px 10px 0px 0px;
}
#top-action-buttons{
    margin:15px 0px 15px 0px;
}
    #top-action-buttons a.btn{
        margin:0px 0px !important;
    }
#left-action-buttons a.btn{
    margin-left:15px;
}
.action-buttons a.btn {
    margin: 0px 5px;
    background: #E21D3E;
    color: #fff;
    font-family: 'pt_sansregular';
    padding: 5px 10px;
    border: 0px;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: none;
}
.content-detail-view .fa:not(.fa-user) {
    color: #d0d0d3;
    font-size: 17px;
    position: absolute;
    left:-10px;
    top:2px;
}
.content-detail-view .fa-user {
    color: #d0d0d3;
    margin-right: 10px !important;
    font-size: 17px;
    margin-top: 2px;
}
.onoffswitch {
    position: relative; 
    width: 30px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;
    float:left;
    margin-right:10px;
    margin-top:3px;
}
.onoffswitch-checkbox {
    display: none !important;
}
.onoffswitch-label {
    display: block; 
    overflow: hidden; 
    cursor: pointer;
    border: 1px solid #999999; 
    border-radius: 10px;
}
.onoffswitch-inner {
    display: block; 
    width: 200%; 
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; 
    float: left; 
    width: 50%; 
    height: 15px; 
    padding: 0; 
    line-height: 23px;
    font-size: 15px; 
    color: #fff; 
    box-sizing: border-box;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
    content: "";
    padding-left: 10px;
    color: #FFFFFF;
    background: #787878; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #787878 1%, #4e4e4d 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #787878 1%,#4e4e4d 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #787878 1%,#4e4e4d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#4e4e4d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
}
.onoffswitch-switch {
    display: block; 
    width: 15px; 
    margin: 0px;
    background: #8ac149;
    position: absolute; 
    top: 1px; 
    bottom: 0;
    left: 15px;
    /*border: 2px solid #DF1D3D; */
    border-radius: 19px;
    transition: all 0.2s ease-in 0s; 
    height:15px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    /*margin-left: 0;*/
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left: 0px; 
    background:  #DF1D3D; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,   #DF1D3D 1%,  #DF1D3D 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,   #DF1D3D 1%, #DF1D3D 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,   #DF1D3D 1%, #DF1D3D 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac149', endColorstr='#6ba32b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    /*border: 2px solid #72a944;*/
}
.onoffswitch-checkbox:checked[disabled] + .onoffswitch-label .onoffswitch-switch {
    background: -moz-radial-gradient(center, ellipse cover, #ccccccc7 1%, #ccccccc7 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #ccccccc7 1%, #ccccccc7 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #ccccccc7 1%, #ccccccc7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
    .status-block {
        margin-top: 10px;
    }
input.input-detail-view::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d8d8da;
  font-style: italic;
}
input.input-detail-view::-moz-placeholder { /* Firefox 19+ */
  color: #d8d8da;
  font-style: italic;
}
input.input-detail-view:-ms-input-placeholder { /* IE 10+ */
  color: #d8d8da;
  font-style: italic;
}
input.input-detail-view:-moz-placeholder { /* Firefox 18- */
  color: #d8d8da;
  font-style: italic;
}
/*required red style*/

.content-detail-view input.error-required.input-detail-view {
    font-style: italic;
    border:2px solid #E21D3E!important;
    border-radius: 3px 3px 3px 3px;
    padding:0px !important;
    text-indent: 8px;
    font-family: "pt_sansregular";

}
.content-detail-view input.error-required.input-detail-view::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #E21D3E;
}

.content-detail-view input.error-required.input-detail-view::-moz-placeholder { /* Firefox 19+ */
    color: #E21D3E;
   
}
.content-detail-view input.error-required.input-detail-view:-ms-input-placeholder { /* IE 10+ */
    color: #E21D3E;
}
.content-detail-view input.error-required.input-detail-view:-moz-placeholder { /* Firefox 18- */
    color: #E21D3E;
}

input.input-detail-view:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: transparent;
}
input.input-detail-view:focus::-moz-placeholder { /* Firefox 19+ */
    color: transparent;
}
input.input-detail-view:focus:-ms-input-placeholder { /* IE 10+ */
   color: transparent;
}
input.input-detail-view:focus:-moz-placeholder { /* Firefox 18- */
  color: transparent;
}
/*.select-detail-view .k-icon{
    opacity:0.3 !important;
}*/
/*.content-detail-view .k-button.k-button-icontext:hover ,
.content-detail-view .k-button.k-button-icontext:focus , */
.k-button.k-button-icontext:hover ,
.k-button.k-button-icontext:focus {
    background-color: #e21d3e !important;
    color:#fff !important;
    opacity:0.9;
}
.content-detail-view .k-datepicker span.k-state-default,
.content-detail-view .k-timepicker span.k-state-default {
    border-radius: 4px !important;
    padding: 0px 7px 0px 0px !important;
    background: #fff !important;
    border: 0px !important;
    height: 24px !important;
}
    .content-detail-view .k-datepicker span.k-state-default.k-state-hover,
    .content-detail-view .k-datepicker span.k-state-default.k-state-focused,
    .content-detail-view .k-timepicker span.k-state-default.k-state-hover,
    .content-detail-view .k-timepicker span.k-state-default.k-state-focused {
        box-shadow: none;
    }
.content-detail-view .k-datepicker span.k-state-default input,
.content-detail-view .k-datepicker span.k-state-default,
.content-detail-view .k-timepicker span.k-state-default,
.content-detail-view .k-timepicker span.k-state-default input {
    height: 24px !important;
    padding: 0px !important;
}
.content-detail-view .k-datepicker .k-picker-wrap .k-input,
.content-detail-view .k-timepicker .k-picker-wrap .k-input {
    border-radius: 3px 3px 3px 3px !important;
    box-shadow: inset 2px 2px 0px 0px #d9d9d9 !important;
}
.content-detail-view .k-timepicker .k-select .k-i-clock{
    bottom:6px;
}
.k-list .k-item.k-state-selected {
    background-color: #ebebeb;
}
.content-detail-view .k-i-calendar {
    background-image: none !important;
    color: #e0e0e2;
    position: static !important;
}
.content-detail-view .k-datepicker .k-i-calendar:before {
    position: absolute;
    top:3px;
    content:"\f073" !important;
    font:normal normal normal 17px/1 FontAwesome !important; 
}
.content-detail-view .error{
    color:#E21D3E !important;
}
.content-detail-view label.error {
   font-size:12px;
}

input.input-detail-view:read-only::-webkit-input-placeholder,
input.input-detail-view.readonly::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
  font-style: normal;
  font-size:14px;
}
input.input-detail-view:read-only::-moz-placeholder,
input.input-detail-view.readonly::-moz-placeholder  { /* Firefox 19+ */
    color: #fff!important;
    font-style: normal;
    font-size:14px;
}
input.input-detail-view:read-only::-moz-p,
input.input-detail-view.readonly::-moz-p  { /* Firefox 19+ */
    color: #fff!important;
    font-style: normal;
    font-size:14px;
}
input.input-detail-view:read-only:-ms-input-placeholder,
input.input-detail-view.readonly:-ms-input-placeholder { /* IE 10+ */
   color: #fff!important;
   font-style: normal;
   font-size:14px;
}
input.input-detail-view:read-only:-moz-placeholder,
input.input-detail-view.readonly:-moz-placeholder { /* Firefox 18- */
    color: #fff!important;
    font-style: normal;
    font-size:14px;
}

input.input-detail-view.error-required:read-only
{
    background: #4fa7d5 url(../images/lupa-input.png) no-repeat 7px 5px !important;
    padding-left: 25px !important;
}
input.input-detail-view.readonly {
    background: #4fa7d5 url(../images/lupa-input.png) no-repeat 7px 5px !important;
    padding-left: 25px !important;
    color: #fff !important;
    cursor:pointer;
}
input.input-detail-view.readonly:disabled {
    opacity: 0.6;
    cursor: default;
}
input.input-detail-view.nonclickable {
    background: #4fa7d5;
    color:#fff;
    cursor: default;
}

.input-date span.k-datepicker {
    width: 100%;
}
#form-create-card .k-datepicker,
#edit-card-form .k-datepicker {
    width: 100%;
}
@media(min-width:992px) and (max-width:1200px) {
    .col-md-5 {
        padding-right: 0px;
    }

    /*#input-user-firstname {
        width: 128px;
        margin-left: -78px; 
    }*/
}
.content-detail-view label {
    display: inline-block !important;
}
.divider-content {
    height: 2px;
    background: #fff;
    clear: both;
    width: 100%;
    margin: 10px 0px 20px;
    display: inline-block;
}

#hide-status {
    display: none;
}

@media(min-width:992px) and (max-width:1199px) {

    #inputResponsive {
        width: 156px;
        margin-left: -78px; 
    }
    #txt-layout-description {
        font-size: 14px;
    }
}

.k-overlay { 
    background-color: rgba(0, 0, 0, 0.8) !important; 
} 


@media(min-width:932px) and (max-width:1200px) {
    #input-register-user-confirm-password {
        width: 178px;
    }
}
@media(min-width:932px) and (max-width:1199px) {
    #input-register-user-confirm-password {
        width: 129px;
        margin-left: -52px;
    }
    #txt-user-confirm-password {
        margin-left: -3px;
    }
}

@media(min-width:932px) and (max-width:991px) {
    #input-register-user-confirm-password {
        width: 193px;
        margin-left: 0px;
    }
}

#changePasswordEmailBody[contenteditable=true]:empty::before, #registerUserEmailBody[contenteditable=true]:empty::before, #registrationInProcessEmailBody[contenteditable=true]:empty::before{
    content: attr(placeholder);
    color: #d2cbcb;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: larger;
}

#editChangePasswordEmailBody[contenteditable=true]:empty::before, #editRegisterUserEmailBody[contenteditable=true]:empty::before, #editRegistrationInProcessEmailBody[contenteditable=true]:empty::before{
    content: attr(placeholder);
    color: #d2cbcb;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: larger;
}
.k-pager-wrap .k-dropdown{
    width: 6.2em !important;
}
.k-i-warning{
   display: none !important;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 550
}
.index-form input::placeholder{
    font-size: 13px !important;
}
.k-i-expand:before{
    content:none !important;
}
.k-i-collapse:before{
    content:none !important;
}
.k-icon.k-cancel, .k-icon.k-update {
    background-image: url(../../libs/kendo/css/Material/sprite_2x.png) !important;
    background-size: 340px 336px;
}
.k-i-more-vertical {
    background-image: url(../../libs/kendo/css/Material/sprite_2x.png) !important;
    background-size:340px 336px;
}
.k-i-more-vertical:before{
content:none !important;
}
.k-sorted .k-link .k-icon.k-i-sort-asc-sm, .k-sorted .k-link .k-icon.k-i-sort-desc-sm {
    color: #fff !important;
}
#add-card-form .k-datepicker{
    width:100%;
}
.k-calendar-view{
    /*width:15em !important;*/
}
.k-widget.k-tooltip {
    background-color: #fff !important;
    border-radius:5px !important;
    box-shadow:none !important;
    border-color:#e6e6e6 !important;
}
    .k-tabstrip ul.k-tabstrip-items.k-reset li span.k-link:hover {
        cursor: pointer;
        background-color: #f5f2f0;
    }
.k-tabstrip ul.k-tabstrip-items.k-reset li span.k-link label:hover {
    cursor: pointer;
}
.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget :before{
    box-sizing:border-box !important;
}
.select-detail-view .k-dropdown-wrap.k-state-default{
    box-sizing:content-box !important;
}
/**styles for kendo ui calendar*/
.k-calendar .k-footer a.k-link,
.k-calendar .k-footer a.k-link:hover {
    color: #e21d3e;
}
.k-calendar .k-header a.k-link.k-state-hover {
    background-color: #e21d3e;
}
/*.k-calendar .k-content td,
.k-calendar .k-content td.k-state-selected {
    border-radius: 0 !important;
}*/
.k-calendar td.k-state-selected a.k-link {
    color:#fff !important;
    border-color: #e21d3e;
    background-color: #e21d3e;
    box-shadow: none !important;
}
.k-calendar .k-today .k-link {
    box-shadow:inset 0 0 0 1px #e21d3e !important;
}
/**style for kendo ui editor*/
.k-calendar-view table tbody tr td .k-link {
    width: inherit !important;
    padding: 0.65em 0em !important;
}
.k-calendar .k-nav-next, .k-calendar .k-nav-prev{
    width:2.3em !important;
    height:2.3em !important;
}
/** style for number of elements*/
.header-info-body {
    padding-bottom: 10px;
}
/** style for kendo ui numberic-box*/
.k-numerictextbox.input-detail-view {
    width: 100%;
    margin-bottom:5px !important;
}

    .k-numerictextbox.input-detail-view .k-numeric-wrap {
        padding-right: 0px;
        border: none;
    }
        .k-numerictextbox.input-detail-view .k-numeric-wrap.error-required {
            border: 2px solid #e21d3e !important;
            border-radius:4px;
        }
            .k-numerictextbox.input-detail-view .k-numeric-wrap.error-required input.k-formatted-value::placeholder {
                color: #e21d3e !important;
            }
            .k-numerictextbox.input-detail-view .k-numeric-wrap.error-required input.k-formatted-value::-webkit-input-placeholder {
                color: #e21d3e !important;
            }
            .k-numerictextbox.input-detail-view .k-numeric-wrap.error-required input.k-formatted-value:-ms-input-placeholder {
                color: #e21d3e !important;
            }
            .k-numerictextbox.input-detail-view .k-numeric-wrap.k-state-hover,
            .k-numerictextbox.input-detail-view .k-numeric-wrap.k-state-focused {
                box-shadow: none !important;
            }

        .k-numerictextbox.input-detail-view .k-numeric-wrap .k-select {
            height: 22px;
            margin-top: 2px;
        }
        .k-numerictextbox.input-detail-view .k-numeric-wrap.k-state-focused .k-select {
            background-color: #fff !important;
        }
        .k-numerictextbox.input-detail-view .k-numeric-wrap .k-select .k-link {
            height: 0.7em;
        }
        /*.k-numerictextbox.input-detail-view .k-numeric-wrap .k-select .k-link {
                height: 0.8em;
            }*/
        /*.k-numerictextbox.input-detail-view .k-numeric-wrap.k-state-focused .k-link {
            background-color: #fff !important;
        }*/
        .k-numerictextbox.input-detail-view .k-numeric-wrap .k-select .k-link.k-state-selected {
            background-color: #ebebeb !important;
        }
.k-window-titlebar {
    background-color: #e21d3e !important;
    color: #fff !important;
}
.k-window-titlebar .k-window-action {
    background: none !important;
    border: none !important;
    box-shadow: none;
    opacity: 1 !important;
}

.k-window-titlebar .k-window-action .k-i-close{
    background-position: -49px -18px !important;
}

.k-window-titlebar .k-window-action:hover .k-i-close{
    background-position: -48px -17px !important;
    background-color: rgba(185, 185, 185, 0.5) !important;
    border-radius: 2px 2px 2px 2px;
    border-color: #ff4564;
}
.k-widget #popupWindow {
    padding: 0;
}

    .k-widget #popupWindow .popupMessage {
        padding: 16px 4%;
        min-width: 410px !important;
    }
.k-widget #popupWindow .k-edit-buttons{
    padding:0.4em !important;
    bottom:0;
}
    .k-widget #popupWindow .k-edit-form-container{
        width:100% !important;
    }
/** text-area style*/
.textarea-detail-view {
    font-size:14px;
    line-height:1.4;
    width: 100%;
    resize: none;
    font-family: "pt_sansregular";
    border: none;
    box-shadow: inset 2px 2px 0px 0px #d9d9d9;
    border-radius: 3px 3px 3px 3px;
    padding:5px 8px;
}
    .textarea-detail-view:focus {
        outline: none;
    }