/***********************
  GRADIENT BUTTONS
************************/
/*.btn-primary.btn-gradient {
	background: -moz-linear-gradient(top,  #33a6cc 50%, #0099cc 50%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#33a6cc), color-stop(50%,#0099cc));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #33a6cc 50%,#0099cc 50%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #33a6cc 50%,#0099cc 50%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  #33a6cc 50%,#0099cc 50%);  IE10+ 
	background: linear-gradient(to bottom,  #33a6cc 50%,#0099cc 50%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a6cc', endColorstr='#0099cc',GradientType=0 );  IE6-9 
}
.btn-primary.btn-gradient:hover, .btn-primary.gradient:focus, .btn-primary.gradient:active, .btn-primary.gradient.active, .open > .dropdown-toggle.btn-primary {
	background: -moz-linear-gradient(top,  #66b2cc 50%, #33a6cc 50%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#66b2cc), color-stop(50%,#33a6cc));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%);  IE10+ 
	background: linear-gradient(to bottom,  #66b2cc 50%,#33a6cc 50%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b2cc', endColorstr='#33a6cc',GradientType=0 );  IE6-9 
}
.btn-primary.btn-gradient:active, .btn-primary.gradient.active {
	background: -moz-linear-gradient(top,  #267c99 50%, #007299 50%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#267c99), color-stop(50%,#007299));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #267c99 50%,#007299 50%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #267c99 50%,#007299 50%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  #267c99 50%,#007299 50%);  IE10+ 
	background: linear-gradient(to bottom,  #267c99 50%,#007299 50%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267c99', endColorstr='#007299',GradientType=0 );  IE6-9 
}*/

/***********************
     PURPLE BUTTONS
************************/

/*.btn.btn-purple{
	background: none;
}
.btn-primary.btn-purple {
	border: 2px solid #cb60b3;
	color: #cb60b3;
}
.btn-primary.btn-purple:hover, .btn-primary.btn-purple:focus, .btn-primary.btn-purple:active, .btn-primary.btn-purple.active, .open > .dropdown-toggle.btn-primary {
	color: #fff;
        background-color: #cb60b3;
}
.btn-primary.btn-purple:active, .btn-primary.btn-purple.active {
	color: #fff;
        background-color: #CC12A0;
}*/

/***********************
    IMAGE PREVIEW
************************/
/*#image_preview{
    font-size: 30px;
    width: 100px;
    height: 65px;
    text-align: center;
    font-weight: bold;
    color: #C0C0C0;
    background-color: #FFFFFF;
}


#message{
position:absolute;
top:120px;
left:815px;
}


#loading{
    display:none;
    position:absolute;
    top:50px;
    left:850px;
    font-size:25px;
}    */

/***********************************************************
                    ELEMENT
************************************************************/
.element * {
	padding:2px; 
	margin:0px; 
}
.element input.text {
	float:left; 
	padding-left:20px;
}
.element .textarea {
	height:120px; 
	width:270px;
	padding-left:20px;
}
.element .hightlight {
	border:2px solid #9F1319;
	background:url(iconCaution.gif) no-repeat 2px
}
.element #submit {
	float:right;
	margin-right:10px;
}

.element input#search {
	width:150px;
	padding-left:20px;
}

.element label.error{
	color:red;
        font-weight: normal;
}/*

.loading {	 
	background:url(ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}

.clearer{    
    position:absolute;
    right:75px;
    top:5px;
    cursor: pointer;
}

.box.box-purple {
  border-top-color: #7772D3;
}

.btn-purple {
  background-color: #837DED;
  border-color: #7772D3;
  color: white;
}

.pagination{
    margin: 0px;
    
}

.controls {
    width: 20px;
    float: left;        
    margin-top: 30px;
    text-align: center;
}
.controls a {
    background-color: #F0F0F0;
    border-radius: 4px;
    border: 2px solid #F0F0F0;
    color: #000000;
    padding: 2px;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin: 5px;
    width: 100px;
}

.form-control.role_page{
    height: 400px;
    font-size: 16px;
}*/

/***********************************************************
                    BOOTSTRAP
************************************************************/
#wrapper {
    width: 100%;
}

#page-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        padding-left: 20px;
        padding-right: 20px;
        border-left: 1px solid #e7e7e7;
    }    
   
}

.nav-breadcrumb {
  position:relative;
}
.nav-breadcrumb a {
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
}
.breadcrumb {
    background: rgba(245, 245, 245, 1); 
    border: 0px solid rgba(245, 245, 245, 1); 
    border-radius: 0px; 
    display: block;
}
.breadcrumb li {
    font-size: 14px;
}
.breadcrumb li a {
  color: rgba(66, 139, 202, 1);
  
  position:relative;
  left:0rem;
}
/*.breadcrumb a {color: white;}*/
.breadcrumb a:hover {
    color: rgba(42, 100, 150, 1);
}
.breadcrumb>.active {
    color: rgba(153, 153, 153, 1);
}
.breadcrumb>li+li:before {
    color: rgba(204, 204, 204, 1); content: "\00bb\00a0";
}

/*.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}
.row.no-gutter .form-control-feedback {
    right: 0;
}
.row.no-gutter [class*='col-']:not(:first-child) input {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px solid lightgray;
}
.row.no-gutter [class*='col-']:not(:last-child) input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
}*/
   
/***********************
     DEFAULT BUTTONS
************************/
/*.btn-outline {
	color: inherit;
	background-color: transparent;
	transition: all .5s;
}

.btn-primary.btn-outline {
	color: #428bca;
}

.btn-success.btn-outline {
	color: #5cb85c;
}

.btn-info.btn-outline {
	color: #5bc0de;
}

.btn-warning.btn-outline {
	color: #f0ad4e;
}

.btn-danger.btn-outline {
	color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
	color: #fff;
}*/

/***********************
     CUSTOM BUTTONS
************************/
.btn-outline {
	color: inherit;
	background-color: transparent;
	transition: all .5s;
}

.btn-primary.btn-outline {
	border: 2px solid #e7a808;
	color: #e7a808;
}

.btn-success.btn-outline {
	border: 2px solid #e7a808;
	color: #e7a808;
}

.btn-info.btn-outline {
	border: 2px solid #e7a808;
	color: #e7a808;
}

.btn-warning.btn-outline {
	border: 2px solid #e7a808;
	color: #e7a808;
}

.btn-danger.btn-outline {
	border: 2px solid #e7a808;
	color: #e7a808;
}

.btn-primary.btn-outline:hover, 
.btn-primary.btn-outline:focus, 
.btn-primary.btn-outline:active, 
.btn-primary.btn-outline.active, 
.open > .dropdown-toggle.btn-primary {
	color: #fff;
        background-color: #e7a808;
}

.btn-primary.disabled, 
.btn-primary.disabled.active, 
.btn-primary.disabled.focus, 
.btn-primary.disabled:active, 
.btn-primary.disabled:focus, 
.btn-primary.disabled:hover, 
.btn-primary[disabled], 
.btn-primary.active[disabled], 
.btn-primary.focus[disabled], 
.btn-primary[disabled]:active, 
.btn-primary[disabled]:focus, 
.btn-primary[disabled]:hover{
	color: #fff;
        background-color: #e7a808;
}

/***********************************************************
                    DATATABLE
************************************************************/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding : 0px;
    margin-left: 0px;
    display: inline;
    border: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 0px;
}    
   
.dataTables_wrapper .dataTables_filter input[type="search"]{
    width: 260px;
}

table.dataTable.display tbody tr:hover td{
    /*background-color: #deffbf !important;*/
}

table.dataTable thead .sorting {
    background-image: url("../lib/js/dataTables/images/sort_both.png");
}    
table.dataTable thead .sorting_asc {
    background-image: url("../lib/js/dataTables/images/sort_asc.png");
}    
table.dataTable thead .sorting_desc {
    background-image: url("../lib/js/dataTables/images/sort_desc.png");
}  

table.dataTable.compact tbody td {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    
}

table.dataTable th.dt-center, td.dt-center { 
    text-align: center; 
}

div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}

/** Fix dropdown Menu don't hide in Table **/
div.dataTables_scrollBody.dropdown-visible {
    /*overflow: visible !important;*/
}



/***********************************************************
                    TABLE
************************************************************/
table .nowrap {
    white-space:nowrap;
} 

/***********************************************************
                    OTHER
************************************************************/
.fa.fa-bars{
    cursor: move
    
}

/***********************************************************
                    FIELDSET
************************************************************/
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}   

/***********************************************************
                    TIPPY
************************************************************/ 
.tippy-popper .tippy-content{
    max-height: 500px;
    overflow: auto;
    
}