@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../../Fonts/v2/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../../Fonts/v2/MaterialIcons-Regular.woff2) format('woff2'),
       url(../../Fonts/v2/MaterialIcons-Regular.woff) format('woff'),
       url(../../Fonts/v2/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('../../Fonts/v2/RobotoRegular.eot');
    src: url('../../Fonts/v2/RobotoRegular.eot') format('embedded-opentype'),
         url('../../Fonts/v2/RobotoRegular.woff2') format('woff2'),
         url('../../Fonts/v2/RobotoRegular.woff') format('woff'),
         url('../../Fonts/v2/RobotoRegular.ttf') format('truetype'),
         url('../../Fonts/v2/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../../Fonts/v2/RobotoMedium.eot');
    src: url('../../Fonts/v2/RobotoMedium.eot') format('embedded-opentype'),
         url('../../Fonts/v2/RobotoMedium.woff2') format('woff2'),
         url('../../Fonts/v2/RobotoMedium.woff') format('woff'),
         url('../../Fonts/v2/RobotoMedium.ttf') format('truetype'),
         url('../../Fonts/v2/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: 'RobotoLight';
    src: url('../../Fonts/v2/RobotoLight.eot');
    src: url('../../Fonts/v2/RobotoLight.eot') format('embedded-opentype'),
         url('../../Fonts/v2/RobotoLight.woff2') format('woff2'),
         url('../../Fonts/v2/RobotoLight.woff') format('woff'),
         url('../../Fonts/v2/RobotoLight.ttf') format('truetype'),
         url('../../Fonts/v2/RobotoLight.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../../Fonts/v2/RobotoBold.eot');
    src: url('../../Fonts/v2/RobotoBold.eot') format('embedded-opentype'),
         url('../../Fonts/v2/RobotoBold.woff2') format('woff2'),
         url('../../Fonts/v2/RobotoBold.woff') format('woff'),
         url('../../Fonts/v2/RobotoBold.ttf') format('truetype'),
         url('../../Fonts/v2/RobotoBold.svg#RobotoBold') format('svg');
}

html, body {height: 100%;background: #f5f7f8;font-family:'RobotoRegular', 'Helvetica', sans-serif !important;}
.login-page{overflow-y:auto;}
body{overflow-y:scroll;}
.iframe-body {background: #FFFFFF;overflow-y:auto;}
.iframe-body form{margin-bottom:0;}
img{max-width:100%;}
.site-wrapper {display: table; height: 100%; min-height: 100%; width: 100%;}
.site-wrapper-inner {vertical-align: middle; display: table-cell;}
@media (min-width: 420px) {.cover-container {width: 420px; margin:0 auto;}}
.cover-container{ 
	background-color: #FFFFFF;
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.RadCaptcha p{margin:0; padding:10px 0 0;}
.RadCaptcha div{text-align:center;background-color: #f5f7f8; border: 1px solid #e2e4e7;padding: 7px;}
#RadCaptcha1_ctl00{position:absolute; width:100%; text-align:right;font-size:12px; display:block; bottom: -15px;}
.cover-container .form-group{position:relative; margin-bottom:25px;}
.cover-container .error-label{position:absolute; width:100%; text-align:right; bottom: -15px;}
.error-label{font-size:12px; display:block;}

.cover-container .form-group > label{display:block; font-family: 'RobotoRegular' !important; font-size:15px;}
.page-container {
    height: 100%;
    width: 100%;
}
.page-sidebar {
    background-color: #404E67;
    color: #252525;
    height: 100%;
    width: 266px;
    position: fixed;
    z-index: 101;
    padding:0;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
.main-container {
    padding: 0 0 0 266px;
    width:100%;
    vertical-align: top;
}
.sidebar-logo{height:61px; text-align:center; background:#fff; padding:11px;-webkit-box-shadow: 2px 4px 20px -4px rgba(0,0,0,.1);
    box-shadow: 2px 4px 20px -4px rgba(0,0,0,.1);}
.sidebar-logo img, .navbar-brand a img{height:35px; width:auto; margin:0 auto;}
.sf-menu{list-style-type:none;margin:0;padding:0;}
.sf-menu ul{display:none;margin:0;padding:0;}
.sf-menu li.has-sub.on > a{background-color:transparent;color:#036eff;}
.sf-menu li a{position:relative;display:block;color:#DCDCDC;font-size:14px;font-family: 'RobotoRegular' !important;line-height:18px;padding:15px 10px;margin:0;cursor:pointer;background-repeat:no-repeat;background-position:96% center;text-decoration:none;outline:none;}
.sf-menu > li > a:hover{color:#00B5B8}

.sf-menu li ul li a{padding:10px 10px 10px 15px;background-color:transparent;color:#dcdcdc;font-size:14px;}
.sf-menu li ul li a:hover{background-color: #313c4e;}
.sf-menu li ul li ul li a{padding:8px 5px 8px 25px;}
.sf-menu > li > ul{padding:10px 0;background-color:#344054;}
.sf-menu li.open ul li a.menuselected{color:#00b5b8;}
.sf-menu > li.has-sub > a:after,
.sf-menu > li.has-sub > ul.sub-menu > li.has-sub > a:after{content:'keyboard_arrow_down';font-family:'Material Icons';color:#DCDCDC;font-size:20px;position:absolute;right:12px;top:15px;font-feature-settings:"liga";}
.sf-menu > li.has-sub > ul.sub-menu > li.has-sub > a:after{content:'add';font-size:14px;top:13px;right:14.5px;color:#8f959e;}
.sf-menu > li.has-sub > ul.sub-menu > li.has-sub.open > a:after{content:'remove';}
.sf-menu > li.has-sub.open > a:after{content:'keyboard_arrow_up';}
.sf-menu > li > a.menuselected,.sf-menu li.open > a,.sf-menu li.open > a:after{color:#00B5B8 !important;}
.sf-menu > li > a > i,
.sf-menu > li.active > a > i{color:#00b0ff;}
.sf-menu > li > a:hover:after,
.sf-menu > li.active.has-sub > a:after,
.sf-menu > li.has-sub.on > a:after{text-decoration:none;/*color:#00B5B8;*/}

.main-header {
    background:#fff;
    height: 61px;
    color:#1B2942;
    font-size: 22px;
    padding: 15px;
    position: relative;
    z-index: 1;
    font-family: 'RobotoMedium' !important;
    -webkit-box-shadow: 2px 4px 20px -4px rgba(0,0,0,.1);
    box-shadow: 2px 4px 20px -4px rgba(0,0,0,.1);
}
.main-header i.glyphicon-circle-arrow-left{
    vertical-align: text-top;
    top: 2px;
    color: #7990b0;
}
.main-header-title{
	color:#1B2942;
    font-size: 22px;
    display:inline-block;
    font-family: 'RobotoMedium' !important;
}
.modal-title {
    color:#1B2942;
}
.main-header-title .back-arrow{
	vertical-align: middle;
}
.sidebarmenutitle {
    color: #999;
    font-size: 10px;
    letter-spacing: 0.2px;
    padding: 0 10px 10px;
    text-transform: uppercase;
}
ul.user-info {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.user-info > li {
    color: #fff;
    text-transform:capitalize;
}
.user-info > li > a {
    color: #ff6d6d;
    display: inline-block;
    float:right;
    padding: 4px 0;
    position: relative;
    font-size: 21px;
    line-height: 16px;
}
.user-info > li img.avatar {
    margin-right: 8px;
    height: 32px;
    width: 32px;
    opacity:0.7;
}
.page-title {
    font-size: 24px;
    margin: 0 0 15px;
    font-family: 'RobotoRegular' !important;
}
.main-content {
    padding: 0px;
}

.section-content{
	padding:15px 15px;
}

span.RadButton.RadButton_Bootstrap.rbToggleButton{

    line-height: 14px;
    cursor:pointer;
    padding:0 !important;
}

span.RadButton_Bootstrap.RadButton.rbToggleButton.rbDisabled:hover, 
span.RadButton_Bootstrap.RadButton.rbToggleButton.rbDisabled:active, 
span.RadButton_Bootstrap.RadButton.rbToggleButton.rbDisabled:focus{
    line-height: 14px;

    cursor:default;
    padding:0 !important;
}

.RadGrid_Bootstrap td.rgPagerCell.Slider {
    font-size:12px;
}

.RadGrid_Bootstrap td.rgPagerCell.Slider .rgSliderLabel{
	line-height:24px;
}

.RadGrid_Bootstrap td.rgPagerCell.Slider .rgInfoPart {
    margin-top: 4px;
}

.RadSlider_Bootstrap div.rslHorizontal a.rslIncrease {
    background-position: -12px -163px !important;
}

.RadSlider_Bootstrap div.rslHorizontal a.rslDecrease {
    background-position: -14px -113px !important;
}

.RadSlider_Bootstrap div.rslHorizontal .rslTrack {
	margin:0 !important;
	left: 38px !important;
	width: 120px !important;
}

.RadSlider_Bootstrap div.rslHorizontal .rslTrack {
    height: 8px !important;
}

.RadSlider_Bootstrap div.rslHorizontal a.rslHandle {
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
}

.RadWindow_Bootstrap .rwConfirmDialog{
	margin:0 !important;
	padding:0 !important;
}

.RadWindow_Bootstrap .rwConfirmDialog:before {
    display:none !important;
}

.RadWindow_Bootstrap .rwDialogContent{
    position: relative;
    padding: 15px !important;
}

.RadWindow_Bootstrap .rwDialogButtons {
    padding: 15px 0;
    margin: 0 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
	position:static !important;
}

.RadWindow_Bootstrap .rwDialogButtons .rwOkBtn {
    color: #fff !important;
    background-color: #4f5d73 !important;
    border-color: #4f5d73 !important;
}
.aspNetDisabled table,tr,td
{
color: Gray !important;
}
.modalBackground,
.TelerikModalOverlay
{
	background:#fff !important;
	opacity:0.8 !important;
	width:100% !important;
}

.RadComboBoxDropDown_Bootstrap .rcbHovered, 
.RadComboBoxDropDown_Bootstrap .rcbCheckAllItemsHovered {
    background-color: #e6e6e6 !important;
}

.RadGrid_Bootstrap {
    border: 0px solid #ddd !important;
    border-radius: 0px !important;
    width:100% !important;
}

.RadGrid_Bootstrap .rgHeader {
	padding: 8px 7px;
	background-color: #f5f5f5 !important;
		font-weight: 500 !important;
		height:auto !important;
		border-top: 2px solid #ddd !important;
		border-bottom: 2px solid #ddd !important;
    	border-left: 0px solid #ddd !important;
    	vertical-align: top;
    	font-family: 'RobotoMedium' !important;
}

.DashBoard .RadGrid_Bootstrap .rgHeader {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

.RadGrid_Bootstrap .rgHeader a{
	font-weight: 500 !important;
	font-family: 'RobotoMedium' !important;
}

.RadGrid_Bootstrap .rgRow>td, 
.RadGrid_Bootstrap .rgAltRow>td, 
.RadGrid_Bootstrap .rgEditRow>td {
    padding: 7px 7px !important;
    border-width: 0 0 1px 0px !important;
    vertical-align:middle !important;
    color:#333;
}

.RadGrid_Bootstrap .rgFooter td{
	padding: 7px 7px !important;
}

.RadFilter *,
.RadMenu.RadMenu_MetroTouch{
	font-size:14px !important;
	font-weight:400 !important;
	font-family: 'RobotoRegular' !important;
}

.RadFilter .rfApply input {
    height: 32px !important;
}

.RadFilter .RadDropDownList .rddlInner {
    padding: 4px 22px 4px 5px !important;
    border-width: 0px !important;
}

.RadGrid tbody tr td a[disabled] i.material-icons{
    cursor: no-drop;
    opacity:0.4;
}

.RadGrid_Bootstrap table tbody td a.actionicons{
	width:24px;
    height:24px;
    display:block;
    overflow:hidden;
    background: #fff;
    padding: 3px 0 0;
    color: #0069c5 !important;
    border: #ccc solid 1px;
    text-align:center;
    border-radius: 100%;
    position:relative;
}

.RadGrid_Bootstrap > table > tbody td a.actionicons:hover{
    border-color: #8ebde3;
	background: #eff8ff;
}

.RadGrid_Bootstrap > table > tbody td a.actionicons[disabled="disabled"]{
    pointer-events: none;
}

.RadGrid tbody tr td a i.material-icons {
    font-size: 16px;
}

.RadGrid_Bootstrap > table > tbody td a.actionicons.ai-custom{
	/*border: #ccc solid 0px;
	padding:0;*/
}
.RadGrid tbody tr td a.ai-custom i.material-icons {
    font-size: 24px;
    margin: -4px;
}

.RadGrid tbody tr td a.ai-custom:hover i.material-icons {
	opacity:0.9;
}

.RadWindow_Bootstrap .rwTitleBar {
    background-color: #fff !important;
}

.RadWindow_Bootstrap .rwTitleBar .rwIcon {
    display:none;
}

.RadWindow_Bootstrap .rwTitleWrapper .rwTitle {
    color: #1B2942 !important;
    line-height: 1.428571 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    margin:0 !important;
    padding:0 !important;
    font-family: 'RobotoBold' !important;
}

.RadWindow_Bootstrap .rwTitleBar .rwTitleWrapper {
    padding: 15px !important;
    border-bottom-color: #e5e5e5 !important;
}

.RadWindow_Bootstrap .modal-footer {
    padding: 15px 0 3px 0;
    margin:0;
}

.RadWindow_Bootstrap {
    border-radius: 6px !important;
    -webkit-box-shadow: 0 0px 10px -3px rgba(0, 0, 0, .5) !important;
    box-shadow: 0 0px 10px -3px rgba(0, 0, 0, .5) !important;
}

.RadWindow_Bootstrap .rwListItem .rwCommandButton {
    background: #ccc;
    border-radius: 100%;
}

.RadWindow_Bootstrap .rwCommands .rwCommandButton:hover {
    background-color: #bbb !important; 
    border-color: #bbb !important;
    border-radius: 100% !important;
}

.radio-toggle-group {
	
	display:table;
}

.radio-toggle-group .RadButton_Bootstrap {
	display:table-cell;
}

.radio-toggle-group .RadButton_Bootstrap > .rbPrimaryIcon{
	opacity:0;
}

.radio-toggle-group .RadButton_Bootstrap .rbPrimary {
    padding: 10px 15px !important;
    text-align:center;
    display:block;
    background:#B7B7B7;
    height: 34px;
    border-right:#ccc solid 1px;
    font-weight: 400 !important;
    font-family: 'RobotoRegular' !important;
}

.radio-toggle-group .RadButton_Bootstrap > .rbPrimaryIcon.rbToggleRadioChecked + .rbPrimary{
	background:#40c863;
	color:#fff;
}

.radio-toggle-group .RadButton_Bootstrap:last-child > .rbPrimaryIcon.rbToggleRadioChecked + .rbPrimary{
	background:#f74e4e;
	color:#fff;
}

.radio-toggle-group span:first-child .rbPrimary {
	border-radius:3px 0 0 3px;
}

.radio-toggle-group span:last-child .rbPrimary {
	border-radius:0 3px 3px 0;
	border-right:#ccc solid 0px;
}

.accordionHeader,
.accordionHeaderSelected {
	color: #036eff;
	padding-bottom:5px;
	border-bottom:#ccc solid 1px;
	margin-bottom:10px;
}

.overlay{
	height: 32px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 128px;
    padding: 0px;
    margin: -16px 0 0 -64px;
}

.overlay span{
	font-size: 12px; 
	color: #666;
	display:none;
}

.RadComboBox .rcbEmptyMessage {
    font-style: normal !important;
}

.form-group > label{
	color: #666;
    display: block;
    font-weight: 400;
    font-family: 'RobotoRegular' !important;
    text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.form-group > label + span,
.RadButton_Bootstrap{
    font-weight: 500;
    font-family: 'RobotoMedium' !important;
}

.form-group > label em{
	color:#ff0000;
}

.RadComboBox_Bootstrap .rcbInput,
.RadInput_Bootstrap .riTextBox {
    color: #333 !important;
}

.input-group .RadInput_Bootstrap .riTextBox {
	border-radius:0 4px 4px 0;
}

.RadGrid_Bootstrap .rgSorted {
    background-color: #eee !important;
}

.RadInputMultiline_Bootstrap textarea{
	height:50px !important;
}

.RadGrid_Bootstrap > table > tbody td a {
    color: #036eff;
}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #6f7686 !important;
	border: 1px solid #6f7686 !important;
}

.RadGrid .rgHeader {
	position:relative;
}

.RadGrid .rgHeader.rgSorted input {
    position: absolute;
    right: 0;
    top: 2px;
}

#minheight{
	height: calc(100vh - 61px);
}

.pos-rel{
	position:relative;
}

.b-1{
	border:#ccc solid 1px;
}

.display-inline span,
.display-inline a{
	display:inline-block !important;
	vertical-align:middle;
}

.display-table {
    display: table;
    width:100%
}

.display-table-row  {
	display: table-row;
}

.display-table-cell {
	display: table-cell;
	vertical-align: top;
}

@media (max-width: 991px){
	.display-table, .display-table-row, .display-table-cell	{
		display:block;
		width: auto !important;
	}
}
.DashCampaignSummary .display-table .display-table-row .display-table-cell{
	border-bottom:#ccc solid 1px;
	text-align:center;
	vertical-align:middle;
	height:123px;
}
.DashCampaignSummary .display-table .display-table-row:last-child .display-table-cell{
	border-bottom:#ccc solid 0px;
}
.DashCampaignSummary .display-table .display-table-row .display-table-cell:first-child{
	border-right:#ccc solid 1px;
}

.header-title{
	text-transform: uppercase;
    font-weight: 400;
    font-family: 'RobotoRegular' !important;
    color:#606D83;
}

.font-weight-500{
	font-weight:500;
	font-family: 'RobotoMedium' !important;
}

.align-bottom{
	vertical-align:bottom;
}

.mh-150{
	min-height:150px;
}

.btn.text-left{
	text-align:left !important;
}

.text-muted-2 {
    color: #999;
}
.card-header{
	padding: 15px 15px 0;
    background: #fff;
}
.card-header .card-title {
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'RobotoRegular' !important;
    letter-spacing: 0.5px;
    color:#404E67;
    font-size: 15px;
}
.card-body{
	padding: 15px 15px 0;
    background: #fff;
    margin-bottom: 15px;
}

.card-box-shadow{
	box-shadow: 0 1px 6px 0 rgba(117,117,117,.25);
	-moz-box-shadow: 0 1px 6px 0 rgba(117,117,117,.25);
	-webkit-box-shadow: 0 1px 6px 0 rgba(117,117,117,.25);
}

.modalPopup-box-shadow{
	box-shadow: 0 0px 10px -3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0px 10px -3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0px 10px -3px rgba(0, 0, 0, .5);
	border-radius: 6px !important;
	background:#fff;
}

html body .RadInput_Bootstrap .riTextBox,
html body .RadInput_Bootstrap .riFocused
{
	box-shadow:none !important; 
}

.custom-radio{
	overflow:hidden;
}

.custom-radio .RadButton_Bootstrap.rbToggleButton{
	display:block;
	width:50%;
	float:left;
}

.custom-radio-3 .RadButton_Bootstrap.rbToggleButton{
	width:33.3%;
}

.custom-radio-4 .RadButton_Bootstrap.rbToggleButton{
	width:25%;
}

.custom-radio .RadButton_Bootstrap.rbToggleButton:first-child .rbPrimary{
	border-radius:4px 0 0 4px;
}

.custom-radio .RadButton_Bootstrap.rbToggleButton:last-child .rbPrimary{
	border-radius:0 4px 4px 0;
}

.custom-radio .RadButton_Bootstrap.rbToggleButton .rbPrimaryIcon{
	display:none;
}

.custom-radio .RadButton_Bootstrap.rbToggleButton .rbPrimary {
    padding: 9px 5px;
    height:34px;
    display: block;
	text-align: center;
	border: #ccc solid 1px;
	font-weight:400;
	font-family: 'RobotoRegular' !important;
	min-width:60px;
	background: #fff;
}

.custom-radio .RadButton_Bootstrap.rbToggleButton.rbHovered .rbPrimary {
    border-color: #adadad;
}

.custom-radio .RadButton_Bootstrap.rbToggleButton .rbToggleRadioChecked + .rbPrimary {
	border-color: #8ebde3;
	background: #eff8ff;
	color: #0069c5;
}

.table-body{
	padding: 0;
    background: #fff;
    margin-bottom: 15px;
}

.table-body table{
    margin-bottom: 0px;
}

.RadGrid_Bootstrap .rgPagerCell {
    background: #ffffff !important;
}

.card-body .RadGrid_Bootstrap td.rgPagerCell {
    padding: 12px 0 2px 0;
}

html body .RadInput_Bootstrap .riRead,
html body .RadInput_Bootstrap .riDisabled {
    border-color: #ccc !important;
    color: #333 !important;
    background: #fff !important;
}

html body .tourvoucherblk .RadInput_Bootstrap .riDisabled {
    border-color: #ccc !important;
    color: #909090 !important;
	background: #eee !important;
}

.RadComboBox_Bootstrap .rcbInput[disabled]{
	color: #909090 !important;
}

.main-header-toolbar{
	float:right;
	line-height: 18px;
}

.main-header-toolbar i,
.btn i{
	font-size:18px;
	vertical-align:text-bottom;
}

.main-header-toolbar .btn{
    line-height: 8px;
    padding: 5px 10px 4px 5px;
    line-height: 8px;
    font-size: 15px;
}

.btn-outline-primary {
    border-color: #00B5B8;
    background-color: transparent;
    color: #00B5B8;
    font-weight:500;
    font-family: 'RobotoMedium' !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {
    border-color: #00B5B8;
    background-color: #00B5B8;
    color: #fff;
}

.btn-outline-info {
    border-color: #0070d2;
    background-color: transparent;
    color: #0070d2;
    font-weight:500;
    font-family: 'RobotoMedium' !important;
}

.btn-outline-info:hover,
.btn-outline-info:active,
.btn-outline-info:focus {
    border-color: #0070d2;
    background-color: #0070d2;
    color: #fff;
}

.btn-outline-danger {
    border-color: #F70C08;
    background-color: transparent;
    color: #F70C08;
    font-weight:500;
    font-family: 'RobotoMedium' !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger:focus {
    border-color: #F70C08;
    background-color: #F70C08;
    color: #fff;
}

.btn-outline-success {
    border-color: #17a41d;
    background-color: transparent;
    color: #17a41d;
    font-weight:500;
    font-family: 'RobotoMedium' !important;
}

.btn-outline-success:hover,
.btn-outline-success:active,
.btn-outline-success:focus {
    border-color: #17a41d;
    background-color: #17a41d;
    color: #fff;
}

.btn-outline-default {
    border-color: #888888;
    background-color: transparent;
    color: #888888;
    font-weight:500;
    font-family: 'RobotoMedium' !important;
}

.btn-outline-default:hover,
.btn-outline-default:active,
.btn-outline-default:focus {
    border-color: #cccccc;
    background-color: #cccccc;
    color: #666;
}

.RadGrid_Bootstrap table tr td .btn.btn-link{
	padding-left:0;
	padding-right:0;
}

.searchblock{
    margin: -15px -15px 0;
    box-shadow: 0 0 5px 1px #ddd;
}

.section-content {
    position: relative;
}

.filterblock{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:auto;
	background:#f1f1f1;
	box-shadow: 0 0 5px 2px #ccc;
}

.filterblock .card-body{background:#f1f1f1;}

.modal-footer div{
	display:inline-block;
}

.modalPopup{
	width:450px;
}

.modalPopup-lg{
	width:900px;
}

div[id$=AddinvSection1].col-sm-12 .form-group > label{
	display:none;
}

@media (min-width:992px){
	.side-bar-bottom {
		position: fixed;
		margin-left: 1px;
		bottom: 0;
		width: 21%;
		padding: 25px 15px;
		background: #eee;
		box-shadow: rgba(0, 0, 0, 0.5) 0 -2px 15px -5px;
		border-top: 1px solid #e7e7e7;
	}
	.side-bar-bottom p	{
		display:none;
	}
	.side-bar-bottom .form-group{
		margin-bottom:0;
	}
	.side-bar-bottom-padding	{
		padding-bottom:85px !important;
	}
}

.campaignsappliedblk {
	padding:5px 15px 15px; 
	background: #eff6ff; 
	margin:0 3px;
}

.campaignsappliedblk .RadListBox_Bootstrap .rlbItem{
    padding: 8px 0px !important;
}

.campaignsappliedblk .RadListBox_Bootstrap .rlbGroup {
    border-width: 0px !important;
}

.campaignsappliedblk .RadListBox_Bootstrap .rlbGroup, 
.campaignsappliedblk .RadListBox_Bootstrap .rlbTemplateContainer {
    background-color: transparent !important;
}

.campaignsappliedblk .RadListBox_Bootstrap{
	height:auto !important;
}

.campaignsappliedblk .RadListBox_Bootstrap .rlbItem.rlbSelected {
    background-color: transparent !important;
}

.campaignsappliedblk .RadListBox_Bootstrap .rlbItem,
.campaignsappliedblk .RadListBox_Bootstrap .rlbItem.rlbSelected,
.campaignsappliedblk .RadListBox_Bootstrap .rlbItem.rlbHovered {
    color: inherit!important;
    background-color: transparent !important;
    font-weight: normal !important;
    font-family: 'RobotoRegular' !important;
    border-width:0 !important;
}

.campaignsappliedblk .RadListBox_Bootstrap .rlbItem.rlbHovered .rlbText {
	color: #0070d2 !important;
}

.campaignsappliedblk .RadListBox_Bootstrap ul li.rlbItem.rlbHovered label span:before {
	border-color:#0070d2 !important;
}

.RadGrid_Bootstrap tr.rgFilterRow .rgFilterBox{
	    border-radius: 25px !important;
	    height: 25px !important;
	    padding:0 10px !important;
	    border: 1px solid #ddd !important;
	    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.RadGrid_Bootstrap .rgFilter {
    margin-left: 2px !important;
    width: 24px !important;
    height: 24px !important;
    background-position: -13px -4511px !important;
    border-radius: 25px !important;
}

.RadGrid_Bootstrap tr.rgFilterRow>td {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.RadTreeView_Bootstrap .rtSelected .rtIn,
.RadTreeView_Bootstrap .rtHover .rtIn {
    border-color: transparent !important;
    color: inherit !important;
    background-color: inherit !important;
}

.RadTreeView_Bootstrap .rtUnchecked,
.RadTreeView_Bootstrap .rtChecked{
	cursor:pointer;
}

.RadGrid_Bootstrap .rgFooter td {
   border-left: 0px solid #ddd !important;
   background: #ffffff  !important; 
   border-top: 1px solid #ddd !important;
   border-bottom: 1px solid #ddd !important;
}

.RadGrid_Bootstrap tfoot .rgFooter td {
   background: #fffef5  !important; 
   font-weight: 500;
   font-family: 'RobotoMedium' !important;
}

.RadGrid_Bootstrap .rgRow > td {
    background-color: #ffffff !important;
}

.RadGrid_Bootstrap .rgAltRow > td {
    background-color: #ffffff !important;
}

.RadGrid_Bootstrap .rgRow:hover > td,
.RadGrid_Bootstrap .rgAltRow:hover > td{
	background-color: #fffdef !important;
}

.RadWindow_Bootstrap .rwTable .rwTitlebarControls em {
    line-height: 26px;
}

.RadGrid_Bootstrap .rgMasterTable,
.RadGrid_Bootstrap .rgGroupHeaderText{
	font-size:14px !important;
}

.RadPanelBar_Bootstrap .rpRootGroup {
    border-width:0px !important;
}
.RadPanelBar_Bootstrap ul.rpRootGroup li.rpItem{
	border:#ddd solid 1px !important;
}
.RadPanelBar_Bootstrap ul.rpRootGroup li.rpItem a.rpLink {
    color: #036eff !important;
    background: #fff !important;
    border:#fff solid 1px !important;
    line-height: 21px !important;
    box-shadow: none !important;
}

.RadPanelBar_Bootstrap ul.rpRootGroup li.rpItem a.rpLink.rpExpanded{
	border-bottom-color:#ddd !important;
}

.RadPanelBar_Bootstrap .rpExpandable .rpExpandHandle, .RadPanelBar_Bootstrap .rpExpandable.rpDisabled:hover .rpExpandHandle {
    background-position: -18px -3018px !important;
}

.RadPanelBar_Bootstrap .rpExpanded .rpExpandHandle, .RadPanelBar_Bootstrap .rpExpanded.rpDisabled:hover .rpExpandHandle {
    background-position: -18px -3217px !important;
}

.RadPanelBar .rpText {
    padding: 9px 10px !important;
}

.RadTabStrip_Bootstrap .rtsLink {
    color: #036eff !important;
}

.RadTabStrip_Bootstrap .rtsLevel1 .rtsUL {
    display:block !important;
    width: 100%;
}

.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected, 
.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected:hover {
    border-color: #fff #fff #036eff !important;
    border-width:1px 1px 2px !important;
}

.RadMultiPage-footer{
	padding-top: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.RadGrid_Bootstrap .rgGroupHeader>td {
    background: #f0f8ff;
}

.RadScheduler_Bootstrap .rsAptContent {
    padding: 1px 1px !important;
    border-radius: 0px !important;
    font-size: 10px !important;
    line-height: 12px !important;
    cursor:pointer;
}

.RadWindow_Bootstrap .rwContent *{
	-webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.RadWindow.rwRoundedCorner.border-radius-zero{
	border-radius: 0 !important;
}

.RadCalendar_Bootstrap caption{
	padding:0;
}

.RadCalendar_Bootstrap .rcMain .rcRow .rcSelected a,
.RadCalendarMonthView_Bootstrap .rcSelected a,
.RadCalendarMonthView_Bootstrap #rcMView_OK,
.RadCalendarTimeView_Bootstrap td.rcSelected a {
    border-color: #00b5b8 !important;
    background: #00b5b8 !important;
    color: #fff;
}

.RadCalendar_Bootstrap .rcMain .rcRow a, .RadCalendar_Bootstrap .rcMain .rcRow span {
    border-radius: 100% !important;
}

.reportframe{
	display:block !important;
}

.reportframe > script:first-child + div{
	line-height:6px;
}

.reportframe div[dir=LTR]{
	overflow: auto !important;
}

.form-group-buttons{
	padding-bottom:15px;
}

.form-radio-control{
	padding-top:9px;
	padding-bottom:2px;
}

.controls-above-table {
    padding: 10px 15px;
}

.controls-above-table .btn.btn.btn-sm {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    margin-right: 15px;
    font-weight: 500;
    font-family: 'RobotoMedium' !important;
    border-radius:25px;
}

.controls-above-table .form-control{
    border-radius: 25px;
}

.highlight-green-bold {
    color: #00B5B8;
    font-size: 18px;
    font-weight: 500 !important;
    font-family: 'RobotoBold' !important;
}

@media (max-width: 767px)
{
	.main-container	{
		padding:0;
	}
	.page-sidebar
	{
		background: #404E67;
		position: fixed;
		width: 280px;
		height: 100%;
		top: 0;
		z-index: 1000;
		border-right: 1px solid #666;
		left: -280px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.page-sidebar.open
	{
		left: 0px;
	}

	#menubackdrop {
		background-color: #000;
		bottom: 0;
		left: 0;
		opacity: 0.5;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 1;
		cursor: pointer;
	}
	.main-header {
		border-bottom: 1px solid #e3e1e1;
		border-top: 1px solid #e3e1e1;
		font-size: 16px;
		height: auto;
		padding: 7px 15px;
	}
	.main-header-title {
		font-size: 16px;
	}
	.main-header-toolbar {
		margin-top:-4px;
	}
	.padding-0-xs {
		padding:0 !important;
	}
}

.modalPopupBig{
	width:900px;
}

@media (max-width: 900px){
	.modalPopupBig{
		width:100% !important;
	}
	.modalPopupBigWindow{
		width:90% !important;
	}
}

@media (max-width: 450px)
{
	.main-header-toolbar {
		float: none;
		padding: 5px 0 0;
		margin:0;
	}
}

@media (max-width: 480px)
{
	.modalPopup{
		width:100%;
	}
	.RadWindow_Bootstrap {
		width:90% !important;
	}
}

@media (min-width: 768px){
	.modal-md {
		width: 450px;
	}
}

.material-icons {
    font-family: 'Material Icons' !important;
}

.p-5,.padding-5{padding:5px;}
.p-15,.padding-15{padding:15px;}
.p-25,.padding-25{padding:25px;}
.pt-5,.padding-top-5{padding-top:5px;}
.pt-10,.padding-top-10{padding-top:10px;}
.pt-15,.padding-top-15{padding-top:15px;}
.pt-25,.padding-top-25{padding-top:25px;}
.pb-20,.padding-bottom-20{padding-bottom:20px;}
.pb-15,.padding-bottom-15{padding-bottom:15px;}
.pb-10,.padding-bottom-10{padding-bottom:10px;}
.ptb-15,.padding-top-bottom-15{padding-top:15px;padding-bottom:15px;}
.plr-15,.padding-left-right-15{padding-left:15px;padding-right:15px;}
.pr-0,.padding-right-0{padding-right:0px;}
.pl-0,.padding-left-0{padding-left:0px;}
.pb-0,.padding-bottom-0{padding-bottom:0px;}
.pt-0,.padding-top-0{padding-top:0px;}
.p-0,.padding-0{padding:0 !important;}

.bb-1{border-bottom:#ccc solid 1px;}
.border-0{border-width:0 !important;}

.mt-15{margin-top:15px;}
.mt-10{margin-top:10px;}
.mb-15,.margin-bottom-15{margin-bottom:15px;}
.mb-10{margin-bottom:10px;}
.mb-5{margin-bottom:5px;}
.mb-1{margin-bottom:1px;}
.mb-0,.margin-bottom-0{margin-bottom:0;}
.mt-0,.margin-top-0{margin-top:0;}
.m-0,.margin-0{margin:0 !important;}

.overflowx{overflow-x:auto;}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.flex-col {
    flex: 1;
}

.k-chart .k-tooltip {
	font-size:11px !important;
	padding:2px 5px !important;
	border-radius:2px !important;
}

.bg-white{background-color:#ffffff;}
tr.rgNoRecords td div{padding:15px;}

.checkbox-custom{
    position: relative;
    display: block;
}

.RadListBox_Bootstrap ul li label{
    position: relative;
    display: inline-block;
    padding-left: 25px;
}

.RadListBox_Bootstrap ul li label input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
    margin: 0 0 0 -25px;
    position: absolute;
    width: 100%;
    height: 20px;
    cursor: pointer;
}

.RadListBox_Bootstrap ul li label span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 0 0 0;
    margin: 0px;
    line-height: 17px;
    font-weight: normal;
    font-family: 'RobotoRegular' !important;
    cursor: pointer;
}

.RadListBox_Bootstrap ul li label span:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: -25px;
    top: 1px;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 0px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.RadListBox_Bootstrap ul li label input[type="checkbox"]:hover + span:before{
	border-color: #036eff;
}

.RadListBox_Bootstrap ul li label input[type="checkbox"]:checked + span:before{
    background-color: #036eff;
    border-color: #036eff;
}

.RadListBox_Bootstrap ul li label input[type="checkbox"]:checked + span:after{
    font-family: "Material Icons";
    content: "done";
}

.RadListBox_Bootstrap ul li label span:after{
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 16px;
    left: -27px;
    padding-left: 3px;
    padding-top: 1px;
    position: absolute;
    top: 0px;
    width: 16px;
}

/* ----------------- */

.checkbox-custom input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 20px;
    cursor: pointer;
}

.checkbox-custom label{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 0 0 24px;
    margin: 0px;
    line-height: 17px;
    font-weight: normal;
    font-family: 'RobotoRegular' !important;
    cursor: pointer;
}

.checkbox-custom label:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 0px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox-custom input[type="checkbox"]:hover + label:before{
	border-color: #036eff;
}

.checkbox-custom input[type="checkbox"]:checked + label:before{
    background-color: #036eff;
    border-color: #036eff;
}

.checkbox-custom-success input[type="checkbox"]:checked + label:before{
	background-color: #00b5b8;
    border-color: #00b5b8;
}

.checkbox-custom input[type="checkbox"]:checked + label:after{
    font-family: "Material Icons";
    content: "done";
}
.checkbox-custom label:after{
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 16px;
    left: -2px;
    padding-left: 3px;
    padding-top: 1px;
    position: absolute;
    top: -1px;
    width: 16px;
}

/* ----- */


.checkbox-custom-sm label:before{
	width: 11px;
    height: 11px;
    border-width: 1px;
}

.checkbox-custom-sm label {
    font-size: 12px;
    padding: 0 0 0 16px;
    line-height: 12px;
}

.checkbox-custom-sm label:after{
    font-size: 11px;
    left: -3px;
}

.RadWindow_Bootstrap {
	animation: 0.3s fadeIn;
}

@keyframes fadeIn {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
  }
}

.modalPopup-info {
    line-height: 26px;
	text-indent: 0px;
    /*background: #fdfae4;*/
    border-radius: 3px;
    font-size: 12px;
    color: #999;
}
.modalPopup-info em,
.modalPopup-error span {
	color: #ff3030 !important;
}
.modalPopup-error {
	position: absolute;
	top: 0;
	font-size: 12px;
	line-height: 26px;
	text-indent: 7px;
	background: #fff1f1;
	width: 100%;
	border-radius: 3px;
	color: #ff3030;
	-webkit-animation: fade 0.25s; 
       -moz-animation: fade 0.25s; 
        -ms-animation: fade 0.25s;
         -o-animation: fade 0.25s; 
            animation: fade 0.25s;
}

.RadUpload_Bootstrap ul li.ruSelectWrap,
.RadUpload_Bootstrap ul li.ruSelectWrap span.ruFileWrap.ruStyled {
    display: block !important;
}

.RadUpload_Bootstrap ul li span.ruFakeInput {
    display: inline-block;
    width: 80%;
    height:auto !important;
    background: #fff;
}

.RadUpload_Bootstrap ul li span.ruBrowse{
	display: inline-block;
    height: auto !important;
	width: 19%;
	margin-left: 1%;
	min-width: auto;
}

.RadUpload_Bootstrap .ruFileLI .ruButton {
    font-size: 12px  !important;
    vertical-align: sub !important;
}

.RadUpload_Bootstrap .ruStyled .ruFileInput {
    font-size: 11px !important;
    width: 100%;
    height: 100%;
}
@keyframes fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}