.x_title h2{
	white-space:normal;
}
.badge_required{
	position: absolute;
    top: -3px;
    right: 2px;
    font-size: 10px;
    font-weight: 400;
}
.border_red{
	border: 1px solid #CE5454;
}


.green{
	background-color: #26B99A;
	color:white;
}

.red{
	background-color: #d9534f;
	color:white;
}

.nav.side-menu>li.current-page, .nav.side-menu>li.active{
	border-right-color: #1589c8;
	
}


.modal-header{
	background-color:#1589c8 !important;
}

.swal2-container{
	z-index:10600 !important;
}



.table-condensed .day{
	height:40px !important;
	font-size:15px !important;
}

.table-condensed .dow{
	font-size:18px !important;
}

.table-condensed .picker-switch{
	font-size:18px !important;
}

.table-condensed .new{
	color: #cccccc !important;
}

.table-condensed .separator{
	border:none;
}

.bootstrap-datetimepicker-widget .datepicker{
	width:100%;
}

.bootstrap-datetimepicker-widget .timepicker{
	width:100%;
}

.bootstrap-datetimepicker-widget .datepicker-years thead .picker-switch {
     cursor: default;
     pointer-events: none;
}


.datepicker-inline, .datepicker-inline .table-condensed{
	width:100% !important;
}


.ui-timepicker-table td a {
    width:auto !important;
}
.ui-timepicker-table {
	width: 100% !important;
}
.ui-timepicker {
	width: 100% !important;
}
.ui-timepicker-table td a{
	text-align:center !important;
}

.x_title h2 {
	width:auto;
	display:inline-block;
}
.datatable{
	width:100% !important;
}

.dialog_notitle .modal-header{
	display:none;
}

.dialog_transparent .modal-content{
	background:transparent;
	border:0px solid black;
	box-shadow:none;
}


.dialog_error .modal-header {
	background-color: #E74C3C !important;
}

.dialog_400 .modal-dialog {
	width: 400px;
}

.dialog_500 .modal-dialog {
	width: 500px;
}

.dialog_600 .modal-dialog {
	width: 600px;
}

.dialog_800 .modal-dialog {
	width: 800px;
}

.dialog_1000 .modal-dialog {
	width: 1000px;
}

.top_nav .navbar-right{
	width:auto;
}

@media only screen and (max-width : 480px) {
	.mobile_large li a{
		padding:20px 20px;
	}
	
	.x_content{
		padding:0px;
	}
}

@media only screen and (max-width : 990px) {
	.x_panel{
		padding:5px;
	}
	.nav_menu{
		background-color:#2A3F54;
		color:white;
	}
	
	.dialog_400 .modal-dialog {
		width: 100%;
	}
	
	.dialog_500 .modal-dialog {
		width: 100%;
	}
	
	.dialog_600 .modal-dialog {
		width: 100%;
	}
	
	.dialog_800 .modal-dialog {
		width: 100%;
	}
	
	.dialog_1000 .modal-dialog {
		width: 100%;
	}
	
	.webform_row h2{
		font-size:13px;
	}
	
	.modal-body{
		padding:7px;
	}
	
	.modal-dialog{
		margin:0px;
	}
	
	.bootstrap-dialog{
		padding-right:0px !important;
	}
	
	.top_nav .nav>li>a:hover{
		background:transparent;
	}
	
	h2 {
	    font-size: 17px;
	}
}


#dropdown_menu2{
	width:330px;
	right:0;
	padding: 0;
	list-style-type: none;
	position:absolute;
	z-index:9998;
	background-color:white;
	border:1px solid #D9DEE4;
}

#dropdown_menu2 li{
	width:100%;
}

#dropdown_menu2 li a{
	display:block;
	padding:12px 20px;
	color:#5A738E;
}

#dropdown_menu2 li a:hover{
	color:262626;
	background-color: #f5f5f5;
}



#section_menu{
	right:0;
	padding: 0;
	list-style-type: none;
	position:absolute;
	z-index:9998;
	background-color:white;
	border:1px solid #D9DEE4;
}

#section_menu li{
	width:100%;
}

#section_menu li a{
	display:block;
	padding:20px 20px;
	color:#5A738E;
}

#section_menu li a:hover{
	color:262626;
	background-color: #f5f5f5;
}



.bootstrap-dialog-header {
	font-weight: Bold;
}

.bootstrap-dialog-close-button .close {
	color: white;
	opacity: 1;
}

.tile-stats {
	cursor: pointer;
}

.freq_tabs li a .fa-chevron-right{
	display:none;
}

.freq_tabs li a .fa-chevron-down{
	display:inline-block;
}

.freq_tabs li.active a .fa-chevron-right{
	display:inline-block !important;
}

.freq_tabs li.active a .fa-chevron-down{
	display:none  !important;
}

.freq_tabs li a{
	background-color:rgba(149, 159, 169, 0.94) !important;
	color:white !important;
}

.freq_tabs li.active a{
	background-color:rgba(52, 73, 94, 0.94) !important;
	color:white !important;
}
.freq_tabs li.active a:active{
	background-color:rgba(52, 73, 94, 0.94) !important;
	color:white;
}
.freq_tabs li.active a:hover{
	background-color:rgba(52, 73, 94, 0.94);
	color:white;
}

.x_title span.btn {
    color: #333;
}

.menu_divider{
	border-bottom: 1px solid rgb(221, 221, 221);
	height:1px;
	margin:9px 0;
}

@media only screen and (max-width : 480px) {
	.mobile_large li a{
		padding:20px 20px;
	}
	
	.no_mobile_gutters{
		padding-left:0px;
		padding-right:0px;
	}
	
	#dropdown_menu2{
		width:100%;
	}
}


.headerBlue{
	background-color:rgba(52, 73, 94, 0.94) !important;
}

.clickDiv{
	cursor:pointer;
	border: 1px solid #E4E4E4; 
	border-radius: 5px; 
	color: #2A3F54; 
	font-weight: 500;
	padding:5px;
}

.clickDiv:hover{
	border: 1px solid #666666; 
}


.btn-grey{
	background-color:#DDDDDD;
	border-color:#AAAAAA;
}

.btn-grey:hover{
	background-color:#BBBBBBB;
	border-color:#555555;
}

.dataTable td{
	word-wrap:break-word;
}




#sortable li {
	background-color: white;
	padding-bottom:10px;
}

#sortable {
	background-color: lightgrey;
	list-style-type: none;
	padding: 0;
}

.ui-sortable-placeholder {
	border: 3px dashed #aaa;
	height: 45px;
	background: #ccc;
}

.freq_tabs li.active a{
	background-color:rgba(52, 73, 94, 0.94) !important;
	color:white !important;
}
.freq_tabs li.active a:active{
	background-color:rgba(52, 73, 94, 0.94);
	color:white;
}
.freq_tabs li.active a:hover{
	background-color:rgba(52, 73, 94, 0.94);
	color:white;
}

.up-down-toggle .fa-arrow-down{
	display:none;
}

.up-down-toggle.collapsed .fa-arrow-down{
	display:inline-block;
}

.up-down-toggle .fa-arrow-up{
	display:inline-block;
}

.up-down-toggle.collapsed .fa-arrow-up{
	display:none;
}



.split_button_group{
    display:table;
    width:100%;
    margin-bottom:5px;
    cursor:pointer;
}

.split_button_text{
    display:table-cell;
    border-width:1px 0px 1px 1px;
    border-style:solid;
    padding:6px 12px;
    border-bottom-left-radius:3px;
    border-top-left-radius:3px;
    width:100%;
}

.split_button_tab{
    display:table-cell;
    border-width:1px;
    border-style:solid;
    padding:6px 12px;
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;vertical-align: middle;
}

.top_tiles div div{
    border:1px solid #cacaca;
    border-radius: 3px;
    font-size:12px;
    background-color: #E6E6E6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#DDDDDD));
    background-image: -webkit-linear-gradient(top, #F6F6F6, #DDDDDD);
    background-image: -moz-linear-gradient(top, #F6F6F6, #DDDDDD);
    background-image: -ms-linear-gradient(top, #F6F6F6, #DDDDDD);
    background-image: -o-linear-gradient(top, #F6F6F6, #DDDDDD);
    background-image: linear-gradient(to bottom, #F6F6F6, #DDDDDD);
}

.top_tiles div div:hover{
     border:1px solid #b3b3b3;
     background-color: #cdcdcd; 
     background-image: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#C3C3C3));
     background-image: -webkit-linear-gradient(top, #DDDDDD, #C3C3C3);
     background-image: -moz-linear-gradient(top, #DDDDDD, #C3C3C3);
     background-image: -ms-linear-gradient(top, #DDDDDD, #C3C3C3);
     background-image: -o-linear-gradient(top, #DDDDDD, #C3C3C3);
     background-image: linear-gradient(to bottom, #DDDDDD, #C3C3C3);
}

.button_gradient{
    border:1px solid #cacaca;
    border-radius: 3px;
    font-size:12px;
    background-color: #FAFAFA; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#DDDDDD));
    background-image: -webkit-linear-gradient(top, #FAFAFA, #DDDDDD);
    background-image: -moz-linear-gradient(top, #FAFAFA, #DDDDDD);
    background-image: -ms-linear-gradient(top, #FAFAFA, #DDDDDD);
    background-image: -o-linear-gradient(top, #FAFAFA, #DDDDDD);
    background-image: linear-gradient(to bottom, #FAFAFA, #DDDDDD);
}

.button_gradient:hover{
     border:1px solid #b3b3b3;
     background-color: #FAFAFA; 
     background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#CCCCCC));
     background-image: -webkit-linear-gradient(top, #FAFAFA, #CCCCCC);
     background-image: -moz-linear-gradient(top, #FAFAFA, #CCCCCC);
     background-image: -ms-linear-gradient(top, #FAFAFA, #CCCCCC);
     background-image: -o-linear-gradient(top, #FAFAFA, #CCCCCC);
     background-image: linear-gradient(to bottom, #FAFAFA, #CCCCCC);
}

.fa-ban{
	color:red;
}

.webform_row_container{
	border-bottom:2px solid #E6E9ED;
	margin-bottom:10px;
	padding:6px 0px 10px 0px;
}

.paginate_button {
	cursor:pointer;
}
.no-results{
	padding-top:75px;
	font-size:1rem;
	color:#9c9c9c;
}

.tile{
    background-color:white;
    padding:10px;
    width:100%;
    border: 1px solid #E6E9ED;
    cursor:pointer;
}

.tile:hover{
	background-color: #E6E9ED;
}

table.tile span {
	vertical-align: top !important; 
}

.tile_count{
	margin-left:-26px; 
	padding-left:25px; 
	font-weight:900; 
	font-size:22px; 
	color:#e80f0f;
}


.tile td{
    text-align:center;
    vertical-align:middle;
    height:125px;
}

.tile h5{
    margin-bottom:0px;
}

.odd td, .even td{
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

tbody{
	border-bottom: 1px solid #ddd;
}



.btn{
	text-transform: uppercase;
}

.paginate_button, .dataTables_paginate a{
	margin-right:3px;
	border-radius:5px;
	background-color:white !important;
	padding: 6px 11px !important;
	border: 1px solid #ddd;
}

.paginate_button .current, .dataTables_paginate a.current{
	background-color:#2c6fae !important;
	color: white;
}

.dropdown-menu li{
	text-transform: uppercase;
}

.nav-tabs li a, .nav-tabs li a:hover{
	background-color: #F7F7F7;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.nav-tabs li.active a{
	font-weight: bold;
}

table{
	border-collapse: separate;
}

.dataTable{
	border-bottom:1px solid #ddd;
}


.nav.side-menu>li {
    border-right: 5px solid transparent;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}




.dashboard_tile{
    background-color: white; 
    border: 1px solid #f3f3f3; 
    padding: 20px; 
    cursor: pointer;
    min-height:110px;
}
    
.dashboard_tile .fa, .dashboard_tile .far, .dashboard_tile .fas{ 
    font-size: 3em;
}

.dashboard_column{
    padding: 0px 20px;    
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.no-gutter {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

@media only screen and (max-width : 480px) {
    .dashboard_column{
        padding: 0px 20px;;    
    }
    
    .dashboard_tile{ 
        padding: 5px;
        min-height:50px;
    }
    
    .dashboard_tile .fa, .dashboard_tile .far, .dashboard_tile .fas{ 
        font-size: 2.5em;
    }
}



.ui-sortable-helper {
    display: table;
}


#user_list div{
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding: 5px;
}
#user_list div:nth-child(odd){
    background-color: #f9f9f9;
}

#formula_list li, #operators li, .operators li {
	display: inline-block; 
	margin: 3px 3px 3px 0 !important; 
	padding: 5px 10px !important; 
	height: 30px; 
	width: auto !important;
	text-align: center;
	font-weight: bold;
	max-width: 100%; 
	white-space: nowrap;
	overflow: hidden;
	border-radius: 5px;
}

.alert-grey{
	color: #383d41; 
	background-color: #e2e3e5; 
	border-color: #d6d8db;
}

.alert-red{
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}