/* here you can put your own css to customize and override the theme */


/*NAVBAR*/

.navbar {
    margin-bottom: 0px;
}

.navbar-inverse {
    max-height: 30px;
    position: relative;
}

.page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid #595959;
    color: #FFF;
}

.page-sidebar .page-sidebar-menu > li {
    background-color: #3D3D3D;
}

.page-sidebar .page-sidebar-menu > li > a > i,
.page-sidebar .page-sidebar-menu > li > a > span,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > span {
	display: table-cell;
	vertical-align: middle;
    cursor: pointer;
}

.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
    width: 100%;
    display: table;
    cursor: pointer;
}

.page-sidebar .page-sidebar-menu > li > a > i,
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
    width: 30px;
    text-align: left;
}






/***
Header System Status    
***/

.headerstatus {
    margin: 5px auto;
    font-size: 14px;
    padding-top: 10px;
    display: inline-block;
    font-weight: 600;
}

div.headerstatus i.fa{
    font-size: 14px;
    margin-right: 3px;
}

.warnings-section {
    margin: 0px auto;
    width: 50%;
    display: block;
    text-align: center;
}

.warnings-section .label {
    font-weight: 600;
}

@media (max-width: 600px) {

    .pageTitle {
        margin-top: -20px !important;
        display: inherit !important;
    }


    .headerstatus,
    .headerstatus-content,
    .warnings-section {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    /*.warnings-section {
        margin-top: -20px;
    }*/

    .headerstatus-content {
        display: block;
        height: 30px;
        padding-top: 7px;
    }

    .headerstatus i {
        margin-right: 3px;
    }

}

/***
Page Title (header/toolbox)
***/

.pageTitle {
    margin: -25px -20px 20px -10px;
    height: 112px;
}

.pageTitle h2 {
    margin-top: 39px;
    margin-left: -7px;
    color: white;
    font-weight: 400;

    font-size: 35px;
}

.toolbox-icon i {
    float: right;
    font-size: 30px;
    margin-top: 45px;
    margin-right: -50px;
    color: white;
}

.toolbox {
    float: right;
    padding: 0px 20px 10px 70px;
    background-color: #357c9b !important;
    margin-top: 10px;
    margin-bottom: 30px;
    border: 1px solid #9abecd;
}

.toolbox-area {
    margin-top: -81px;
}




.toolbox .toolboxDivider {
    border-right:2px solid rgba(255,255,255,0.3); 
    font-size: 25px;
    margin:10px;
    vertical-align:5px;
}

.toolbox .icon-btn {
    margin: 10px 0px 0px 0px;
    min-width: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.from-box {
    padding-left: 0px;
}

.to-box {
    padding-right: 0px;
}


@media (max-width:991px) {
    .pageTitle {
        background-color: #025b82;
        margin-left: -20px;
        margin-right: -20px;
        max-height: 75px; 


    }

    .pageTitle h2 {
    font-size: 25px;
}

    .toolbox-icon i {
     margin-top: 35px;
    }


  .navbar-toggle {
    display: block;
    margin-top: 5px;
    margin-right: 20px;
  }

    .page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
        background-color: #404040;
    }

    .page-content-wrapper .page-content {
        padding: 0px 20px 20px 20px;
    }

   .pageTitle h2 {
            margin-top: 20px;
        }

    .toolbox {
        margin-top: 0px;
    }
    
   
        .toolbox-area {
        margin: 17px 0px 0px;
        }


        
    .shortcuts {
       width: 100% !important;
       margin-left: 0px !important;
    }

    .from-box {
    padding-left: 0px;
    padding-right: 0px;
    }

    .to-box {
        padding-right: 0px;
        padding-left: 0px;
    }


}

@media (max-width: 1300px) {

    .toolbox-area {
        margin: 14px 0px 0px;
        padding: 0px;
    }

    .toolbox {
       width: 100%;
       border: none;
    }
}

@media (min-width: 1301px) {

    .toolbox-area {
        float: right;
        width: 78%;
    }

}
@media (max-width: 480px) {

    .page-sidebar, .page-sidebar.in {
    margin-bottom: 20px !important;
    }

    .page-sidebar .page-sidebar-menu {
        margin: 0px;
    }

    .toolbox-icon i {
        margin-top: 25px;
    }

	.pageTitle .toolbox .icon-btn div{
		display: none;
	}	
    .pageTitle .toolbox .icon-btn{
       min-width: 45px !important;
       min-height: 45px !important;
       max-width: 45px !important;
       max-height:45px !important;
       padding: 0px;         
    }
    .pageTitle .toolbox .icon-btn i{
        margin:13px;
    }

    .pageTitle .toolbox .icon-btn-disabled div{
		display: none;
	}	
    .pageTitle .toolbox .icon-btn-disabled{
       min-width: 45px !important;
       min-height: 45px !important;
       max-width: 45px !important;
       max-height:45px !important;
       padding: 0px;
    }
    .pageTitle .toolbox .icon-btn-disabled i{
        margin:13px;
    }

    .toolbox .toolboxDivider {
        vertical-align: -5px;
    }

    .list {
        max-height: 180px !important;
    }

    .dash-item-table .info-col {
    font-size: 10px;
    }

    
    .modal-body .btn {
        width: 100%;
        margin: 1px;
        height: 36px;
    }

    .overrides {
        margin-bottom: 10px;
        width: 100%
    }

    .mobile-full-width {

    }

    .ms-container .ms-selectable li.ms-elem-selectable, 
    .ms-container .ms-selection li.ms-elem-selection {
    font-size: 11px !important;
}

    .trigger-buttons {
        width: 100%;
        float: none !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .remove-btn,
    .new-group-btn,
    .new-trigger-btn {
        width: 50%;
    }

    .trigger-right-hand-side .new-trigger-btn {
        width: 100%;
    }

    .trigger-select {
        width: 100% !important;
    }

}


/*BODY / PAGE CONTENT*/


#loadingBox {
    height: 45px;
    margin: 10px 10px 0px 10px;
}

.page-content-wrapper .page-content {
    padding-left: 10px;
}

/* SIDEBAR*/


.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
    margin-right: 20px;
    margin-left: -20px;
}


.page-sidebar .sidebar-toggler, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler {
    height: 30px;
    margin-bottom: 10px;
    border: 1px solid #8a8a8a;
}

/*FOOTER*/

.footer {
    padding: 30px 0px 50px 0px;
    }

.footer-inner {
    color: #999;
    float: right;
    padding-top: 5px;
    padding-right: 10px;
}

.footer-tools {
    color: #999;
    float: right;
    margin-right: 30px;
}

.footer-tools i {
        padding: 2px 5px;
        display: inline-block;
        border: 1px solid #999;
        margin-top: 5px;
        cursor: pointer;
    }
.footer-tools span.back-to-top {
    cursor: pointer;
    }

/*BUTTONS*/

.btn+.btn  {
    margin-left: 5px;
}

button[class*='btn-'].btn {
    margin-left: 0px;
}

.btn.default,
.btn.default:focus {
    /*border: 1px solid #c9c9c9;*/
    color: #FFF;
    text-shadow: none;
    background-color: #025B82;
}

.btn.default:hover, 
.btn.default:active, 
.btn.default:active:hover{    
  color: #FFF;
  background-color: #034866;
  /*border: 1px solid #c9c9c9;*/
}

.icon-btn {
    color: #025B82 !important;
    text-shadow: none !important;
    text-align: center;
    cursor: pointer;
}

.icon-btn div {
    margin-top: 5px;
    margin-bottom: 20px;
    color: #025B82;
    font-size: 12px;
    font-weight: 300;
}

.icon-btn-disabled {
  height: 60px;
  min-width: 100px;
  margin: 10px 0px 0px 0px;
  padding: 12px 0px 0px 0px;
  background-color: white !important;
  background-image: none !important;
  filter:none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  display:inline-block !important;
  border: 1px solid #DDD;
  color: #e4e4e4 !important;
  text-shadow: none !important;
  text-align: center;
  cursor: default !important;
  position: relative;  
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.icon-btn:hover {
    background-color: #009CFF;
    color: white !important;
}

.icon-btn:hover div {
    color: white;
}

.ie8 .icon-btn-disabled:hover {
  filter: none !important;
  color: #e4e4e4
}

.icon-btn-disabled i {
    font-size: 18px;
    color: #e4e4e4;
    cursor: default !important;
}

.icon-btn-disabled div {
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  margin-bottom: 20px;  
  color: #e4e4e4;
  font-size: 12px;
  font-weight: 300;
}

/* unedit exept for border dashed */
.icon-btn-disabled:hover {
    text-decoration: none !important;
    color: #e4e4e4 !important;
    text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}




/*MISC FIXES*/

i:hover {
    text-decoration: none !important
}

.download-link:hover {
    text-decoration: none !important;
    color: #2996C5;
}

.list-area {
    overflow: hidden;
}

.list {
    list-style: none;
    margin-left: -40px;
}


@media (max-width:991px) {
    .list {
        max-height: 150px;
        min-height: 0px;
    }
}

.list > li {
    display: block;
    background-color: #EEE;
    padding: 10px;
    box-shadow: 0px 1px 0px #FFF inset;
}

.list li i {
    padding: 0px 40px 0px 10px;
    font-size: 20px;
}

.asc::after {
    font-family: FontAwesome;
    content:   "\f0dd";
    margin-left: 5px;
    bottom: 3px;
    font-size: 18px;
    position: relative;
}


.desc::after {
    font-family: FontAwesome;
    content:   "\f0de";
    margin-left: 5px;
    top: 5px;
    font-size: 18px;  
    position: relative;
}

.panel-body {
    border: 5px solid #2996C5 !important;
    background-color: white;
}


.label-warning {
    color: black;
    font-weight: 600;
}

.input-icon > i {
    margin-top : 9px;
}

.sort {
    min-width: 100%;
}

.itemListControls {
    margin-bottom: 10px;
}

.tooltip-icon::before {
    color: #108DDF !important;
    font-size: 20px !important;
    line-height: 30px;
}

/*HARDWARE WIZARD*/

.wizard > .content > .body {
    position: inherit !important;
    padding: 0px !important;
    background-color: white;
    width: 100% !important;

}

.wizard > .content {
    background-color: white !important;
}


.wizard > .steps .current a {
    background-color: #2993fe !important;

}


.wizard {
    overflow: visible !important;
}

.readerBlock {
    border-right: 4px solid white;
    border-left: 4px solid white;
    border-color: #FFF;
    background-color: #2996C5;
    color: #FFF;
    padding: 15px;
    margin: 0 0 20px;
}

.reader-title {
    font-family: "Open Sans",sans-serif;
    font-weight: 500;
    font-size: 22px;
}

#DoorStepData1 .form-horizontal .control-label {
    text-align: left;
}

.door-side-a, .door-side-b {
    background-color: rgb(211, 229, 243);
    border: 1px solid rgb(41, 147, 243);
}

.door-side-a h4,
.door-side-b h4 {
    margin-right: -15px;
    margin-top: 0px;
    padding-top: 20px;

}

.door-side-a .form-group,
.door-side-b .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.door-side-b {
    margin-left: -1px;
}

.wizard > .content > .body input[type="checkbox"] {
    margin-top: 12px;
}

@media (max-width: 767px) {
    .door-side-b {
        margin-left: 0px;
        margin-top: -1px;
    }

    .navbar-brand {
        padding: 15px 15px 15px 6px;
    }

}

@media (min-width: 1200px) {
    .reader-row-break {
        display: none;
    }
}

/*HARDWARE WIZARD WIDTHS - BASED ON NUMBER OF MENUS*/

.wizard.two > .steps > ul > li,
.btn-two {
	width: 50%;
}

.wizard.three > .steps > ul > li,
.btn-three {
	width: 33.33%
}

.wizard.four > .steps > ul > li,
.btn-four {
	width: 25%
}

.wizard.five > .steps > ul > li,
.btn-five {
	width: 20%
}

.wizard.six > .steps > ul > li,
.btn-six {
	width: 16.66%
	}

.wizard.seven > .steps > ul > li,
.btn-seven {
	width: 14.28%
}

.wizard.eight > .steps > ul > li,
.btn-eight {
	width: 12.5%
}

.btn-one,
.btn-two,
.btn-three,
.btn-four,
.btn-five,
.btn-six,
.btn-seven,
.btn-eight {
    border: 1px solid white;
}

@media (max-width: 991px) {

    .wizard.two > .steps > ul > li,
    .wizard.three > .steps > ul > li,
    .wizard.four > .steps > ul > li,
    .wizard.five > .steps > ul > li,
    .wizard.six > .steps > ul > li,
    .wizard.seven > .steps > ul > li,
    .wizard.eight > .steps > ul > li {
        width: 100%;
    }
}
@media (max-width: 481px) {
    .overrides {
        width: 100% !important;
    }

    .door-open-btn {
        border-left: 1px solid white !important;
    }


}

/*MODAL FIXES*/

.modal-header
{
    color: white;
    background-color: #2996c5;
}

/*Dashboard Tiles*/


.tiles .tile .tile-object a > .name {
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    width: 100%;

}

/***
Editor Accordion
***/

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

.panel-body {
  padding: 5px;
}

.panel-default > .panel-heading {
    padding: 0 5px;
    border-color: #DDDDDD;
    color: #FFFFFF;
}

.panel-heading:hover,
.panel-heading:active,
.panel-heading.active
 {
    background-color: #2996c5;
    text-decoration: none !important;
}
.panel-heading a:hover {
    color: #ffffff;
}


.panel-title {
  padding: 5px 10px;
}

.panel-title .accordion-toggle {
  display: block;
  padding: 10px 40px ;
  text-decoration: none;

}

.panel-name {
    padding-left: 1%;
}

.panel-icon {
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

.toggle-icon {
    width: 1%;
    vertical-align: middle;
    display: table-cell;
    transition: all .1s ease-in-out;
}

.active .toggle-icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: all .1s ease-in-out;
}

.accordion-icon {
    /* symbol for "opening" panels */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
    cursor: pointer;
    pointer-events: none;
}


.panel-heading a i.fa {
    width:20px;
}

/***
Firefox displays a dotted outline when clicking all links - including accordion menus. The following CSS will remove the outline***/

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}



/*EVENTS PAGE / EVENT TABLES*/
/*http://css-tricks.com/responsive-data-tables/ */
/*
Mobile support for the Events table page    
*/
@media (max-width: 760px)  {

	/* Force table to not be like tables anymore */
	#EventsTable table,#EventsTable thead,#EventsTable tbody,#EventsTable th,#EventsTable td,#EventsTable tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#EventsTable thead tr, 
    #EventsTableDisplay .dataTables_scrollHead thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#EventsTable tr { border: 1px solid #025b82; }
	
	#EventsTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 
        min-height:31px;
	}
	
	#EventsTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

    	/*
	Label the data
	*/
	#EventsTable td:nth-of-type(1):before { content: "When"; }
	#EventsTable td:nth-of-type(2):before { content: "Message"; }
	#EventsTable td:nth-of-type(3):before { content: "Who"; }
	#EventsTable td:nth-of-type(4):before { content: "What"; }
	#EventsTable td:nth-of-type(5):before { content: "Where"; }

    #MoreReviewBaseButton {
        width:100%;
    }
}

.events-user-image {
    height: 64px;
    margin-right: 4px;
}

.user-itemlist-img {
    width: 75%;
}

#LoadedEventsInfo {
    display: block;
    text-align: right;
}

#EventsTable_info {
    padding: 5px;
}


.table-bordered > thead > tr > th {
    border: 2px solid #025b8a;
}

.btn-group-responsive-xs {
        width: 100%;
    }

@media (min-width: 768px) {
    .btn-group-responsive-xs {
        border-collapse: separate;
        display: table;
        table-layout: fixed;
    }

    .btn-group-responsive-xs > .btn, .btn-group-responsive-xs > .btn-group {
        display: table-cell;
        float: none;
        width: 1%;
    }
}

@media (max-width: 767px) {
    .btn-group-responsive-xs > .btn.btn-toggle {
        margin-left: 0px;
    }
}

.btn-toggle{
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px;
    color: #333;
    padding: 6px 13px;
    width: 100%;
}

.btn-toggle.active{
    background-color: #428bca;
    border-color: #275d89;
    color: #fff;
}

/***
Custom tables
***/
.table-toolbar {
  margin-bottom: 15px;
}

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

.table .m-btn {
  margin-top: 0px;
  margin-left: 0px; 
  margin-right: 5px;
}

.table thead tr th {
    font-size: 13px;
    font-weight: 500;
    line-height: 11px;
    height: 28px;
    text-align: center;
}
.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: 2px solid #025b82;
    line-height: 1.42857;
    padding: 6px;
    vertical-align: middle !important;
    text-align: center;
}
.table-advance {
  margin-bottom: 10px !important;
}

.table-advance thead { 
  color: #999; 
}

.table-advance thead tr th{
  font-size: 14px;
  font-weight: 400; 

}

.table-advance div.success, 
.table-advance div.info, 
.table-advance div.important, 
.table-advance div.warning, 
.table-advance div.danger {
  position: absolute;
  margin-top:-5px;
  float: left;
  width: 2px;
  height: 30px;
  margin-right: 20px !important;
}

.table-advance tr td {
  border-left-width: 0px; 
}
.table-advance tr td:first-child {
  border-left-width: 1px !important; 
}

.table-advance tr td.highlight:first-child a {
  margin-left: 15px;
}

.table-advance td.highlight div.success {  
  border-left: 2px solid #66ee66;
}

.table-advance td.highlight div.info {  
  border-left: 2px solid #87ceeb;
}

.table-advance td.highlight div.important {  
  border-left: 2px solid #f02c71;
}

.table-advance td.highlight div.warning {  
  border-left: 2px solid #fdbb39;
}

.table-advance td.highlight div.danger {  
  border-left: 2px solid #e23e29;
}

.table-disabler {
    background-color: #bbb;
    opacity: 0.5;
}


/***
	Sidebar Closed
	***/

	.page-sidebar-closed .page-sidebar .sidebar-toggler {  
  	margin-right: 10px;
	}

	.page-sidebar-closed .page-sidebar .sidebar-search .form-container {  
	  width: 29px;
	  margin-left: 3px; 
	}

	.page-sidebar-closed .page-sidebar .sidebar-search .form-container .input-box {  
	  border-bottom: 0 !important;
	}

	.page-sidebar-closed .page-sidebar .sidebar-search .form-container input[type="text"] {
	  display: none;
	}

	.page-sidebar-closed .page-sidebar .sidebar-search .form-container .submit { 
	  margin-top: 5px !important;
	  margin-left: 7px !important;
	  margin-right: 7px !important;
	  display: block !important;
	}

	.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
	  width: 255px;
	  position: relative;
	  z-index: 1;
	  padding-top: 0px;
	}

	.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container input[type="text"] {  
	  margin-top: 7px;
	  margin-left: 8px;
	  padding-left: 10px;
	  padding-bottom: 2px;
	  width: 185px;
	  display: inline-block !important;
	}

	.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit {
	  display: inline-block;
	  width: 13px;
	  height: 13px;
	  margin: 11px 8px 9px 6px !important;
	}

	.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
	  background-repeat: no-repeat;
	  width: 11px;
	  height: 11px;
	  margin: 12px 8px 9px 8px !important;
	  display: inline-block !important;
	  float: left !important;
	}

	.page-sidebar-closed .page-sidebar-menu > li > a .selected {
	  right: -3px !important;
	}

	.page-sidebar-closed .page-sidebar-menu > li > a > .title,
	.page-sidebar-closed .page-sidebar-menu > li > a > .arrow {
	  display: none !important;
	}

	.page-sidebar-closed .page-sidebar .sidebar-search {
	  margin-top: 6px;
	  margin-bottom: 6px;
	}

	.page-sidebar-closed .page-sidebar-menu > li > a {
	  padding-left: 7px;
	}

    .page-sidebar-closed .page-sidebar-menu > li > a > i {
        padding-left: 3px;
    }

	.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a {
	  -webkit-transition: all 0.2s ease;
	     -moz-transition: all 0.2s ease;
	       -o-transition: all 0.2s ease;
	          transition: all 0.2s ease;
	}

	.page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a {
	    -webkit-transition: none;
	        -moz-transition: none;
	          -o-transition: none;
	             transition: none;
	}

	.page-sidebar-closed .page-sidebar-menu > li:hover {
	  width: 236px !important;
	  position: relative !important;
	  z-index: 2000;
	  display: block !important;
	}

	.page-sidebar-closed .page-sidebar-menu > li.sidebar-toggler-wrapper:hover,
	.page-sidebar-closed .page-sidebar-menu > li.sidebar-search-wrapper:hover {
	  width: 35px !important;
      margin-left: 10px;
	}

	.page-sidebar-closed .page-sidebar-menu > li:hover .selected {
	  display: none;
	}

	.page-sidebar-closed .page-sidebar-menu > li:hover > a > i {
	  margin-right: 10px;
	}

	.page-sidebar-closed .page-sidebar-menu > li:hover .title {
	  display: inline !important;
	}

	.page-sidebar-closed .page-sidebar-menu > li > .sub-menu {
	  display: none !important;
	}

    .page-sidebar-closed .page-sidebar-menu .sub-menu {
        margin-left: 9px;
        -webkit-box-shadow: -6px 8px 5px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow:    -6px 8px 5px 0px rgba(50, 50, 50, 0.5);
        box-shadow:         -6px 8px 5px 0px rgba(50, 50, 50, 0.5);
    }

    .page-sidebar-closed .page-sidebar-menu > li:hover > a {
        width: 245px;
    }

	.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu {  
	  width: 200px;
	  position: absolute;
	  z-index: 2000;
	  left: 36px;
	  margin-top: 0;
	  top: 100%;
	  display: block !important;
	}

    .page-sidebar-closed .page-sidebar-menu > li.active > a > .selected {
        border-right: none;
    }



	.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu,
	.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {
	  width: 200px;
	}

	/* 2rd level sub menu*/
	.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > a {
	  padding-left: 15px !important;
	}

	/* 3rd level sub menu*/
	.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {  
	  padding-left: 30px !important;
	}

	/* 4th level sub menu*/
	.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {  
	  padding-left: 45px !important;
	}

	/* sidebar container */
	 
	.page-sidebar-closed  .page-sidebar {
	  width: 35px;
	}

	.page-sidebar-closed  .page-content {
	  margin-left: 35px !important;
	}

	/*** 
	Sidebar Reversed & Sidebar Closed
	***/

	.page-sidebar-reversed.page-sidebar-closed  .page-sidebar {
	  margin-left: -35px;
	  width: 35px;
	}

	.page-sidebar-reversed.page-sidebar-closed  .page-content {
	  margin-left: 0 !important;
	  margin-right: 35px !important;
	}

	.page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li:hover {
	  margin-left: -201px;
	}

	.page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li.sidebar-toggler-wrapper:hover,
	.page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li.sidebar-search-wrapper:hover {
	  margin-left: 0;
	}

	.page-sidebar-reversed.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
	  margin-left: -225px;
	}

	.page-sidebar-reversed.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit {
	  margin: 11px 8px 9px 12px !important;
	  float: left !important;
	}

	.page-sidebar-reversed.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
	  margin: 12px 6px 9px 8px !important;
	  float: right !important;
	}

	.page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu {  
	  left:auto;
	  right: 36px;
	}

	.page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .footer {
		margin-right: 35px;
	}



    /***
*
*   Monitoring Pages
*    
***/

#EntityMonitor {
    margin-top: 20px;
    /*border: 4px solid #025b82;
    background-color: #025b82;*/
}

div#EntityMonitor .dataTables_scrollHeadInner table {
    border-top: 4px solid #025b82;
    border-left: 4px solid #025b82;
    border-right: 4px solid #025b82;
}

div#EntityMonitor #MonitorTable tbody tr {
    -webkit-box-shadow: inset 4px 0px #025b82, inset -4px 0px #025b82;
    -moz-box-shadow: inset 4px 0px #025b82, inset -4px 0px #025b82;
    box-shadow: inset 4px 0px #025b82, inset -4px 0px #025b82;
}

div#EntityMonitor #MonitorTable tbody tr:nth-last-child(1) {
    -webkit-box-shadow: inset 4px 0px #025b82, inset -4px 0px #025b82, inset 0px -4px #025b82;
    -moz-box-shadow: inset 4px 0px #025b82, inset -4px 0px #025b82, inset 0px -4px #025b82;
    box-shadow: inset 4px 0px #025b82, inset -4px 0px #025b82, inset 0px -4px #025b82;
}

#EntityMonitor tbody {
    background-color: white;
}

#MonitorTable tr td {
    vertical-align: middle !important;
    text-align: center;
    font-weight: bold;
}

.status-type {
	background-color: #025b82;
	color: white;
	margin-bottom: -10px;
}

#EntityMonitor .status-header th {
	background-color: #025b82;
	color: white;
    font-weight: bold;
    padding: 8px;

}

#EntityMonitor th.sorting_desc, #EntityMonitor th.sorting_asc {
    background-color: #004969;

}

.dataTables_scrollHead th.sorting_desc:after {
   float: right;
   margin-right: 5px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
   position: absolute;
   padding-left: 10px;
}


.dataTables_scrollHead th.sorting_asc:after {
   float: right;
   margin-right: 5px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   content: "\f106";
   font-weight: 300;
   text-shadow:none;
   position: absolute;
   padding-left: 10px;
}



#MonitorTable tbody td {
    border-top: 1px solid #dddddd;
    border-bottom: none;
    border-left: none;
    border-right: none;
    height: 64px;
}

#MonitorTable tbody tr:nth-child(1) td {
    border-top: none;
}

#EntityMonitor thead th {
    border: none;
}
	
.status-header th {
	text-align: center;
}

/*#MonitorTable {
    border: 5px solid rgb(2, 91, 130);

}*/

#MonitorTable [class^="fa-"], #MonitorTable [class*=" fa-"] {
    font-size: 25px;
    line-height: 46px;
    min-height: 50px;
    min-width: 50px;
    color: white;
    max-width: 50px;
    max-height: 0px;
    cursor: default;
}

.stateControl.btnColumn > i.stateIcon,
.stateControl > i.stateIcon.btnColumn,
.advancedIcon.btnColumn > i {
    background-color: rgba(255,255,255,.1);
    border: 2px solid white;
    border-radius: 100%;
    box-shadow: 2px 2px black;
    cursor: pointer !important;
}

.stateControl.btnColumn > i.stateIcon:hover,
.stateControl > i.stateIcon.btnColumn:hover,
.advancedIcon.btnColumn > i:hover {
    color: rgba(255,255,255,.7) !important;
    background-color: rgba(255,255,255,.4);
}

.stateControl .fa-dot-circle-o,
.stateControl .fa-circle-o {
    padding-top: 1px;
}

#MonitorTable > thead {
    border: none;
}



#MonitorTable tr td:nth-child(1) i {
    max-width: 15px !important;
}


.dataTables_scrollHead {
    border-bottom: none !important;
}

.table.dataTable {
    margin-top: 0px;
    margin-bottom: 0px;
}

td .btnColumn,
.btnColumn,
.stateControl,
.advancedIcon {
    width: 10%;
}

.itemName,
.stateText,
.stateInfo1,
.stateInfo2 {
    width: 20%;
}

.quick-control .modal-footer {
    text-align: center;
}

.quick-control .modal-footer .btn {
    margin-top: 5px;
}

@media (max-width: 767px) {
    .hideOnMobile {
        display: none !important;
    }
 }


/***
System Status
***/

.systemstatus {
    padding: 20px;
    border-bottom: 1px solid #333333;
}

.systemstatus a {
    margin-right: 5px;
}

.systemstatus h2 {
    font-weight: 600;
    font-size: 16px;
    margin-top: 0px;
}

.systemstatus-error {
    background: #e8d2d2;
    border-left:  15px solid #9B0000;
}

.systemstatus-error h2 {
    color: #9B0000;
}
.systemstatus-warning {
    background: #ffe4ba;
    border-left:  15px solid #ffb848;
}

.systemstatus-warning h2 {
    color: #ff9c00;
}

.systemstatus-message {
    background: #B2E9FF;
    border-left:  15px solid #025b82;
}

.systemstatus-message h2 {
    color: #025b82;
}

.systemstatus-valid {
    background: #B7FFBC;
    border-left:  15px solid #5EFF4C;
}

.systemstatus-valid h2 {
    color: #5EFF4C;
}

.systemstatus hr {
    border-color: #4eb1db;
}

#StatusRefreshTime {
    display:block;
    text-align: right;
}

/* Override default bootstrap styling to have wider labels*/
@media (min-width: 768px) {
    .dl-horizontal dt {
        clear: left;
        float: left;
        overflow: visible;
        text-align: right;
        text-overflow: ellipsis;
        white-space: normal;
        width: 250px;
    }
    .dl-horizontal dd {
        margin-left: 270px;
    }
}



/*SIDEBAR SUBMENU COLOURS*/

.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
    background-color: rgba(0,0,0,.2);
}

.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > .sub-menu {
    background-color: rgba(0,0,0,.2);
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a {
  background: #272727 !important;
}

.page-sidebar .page-sidebar-menu > li.open {
	margin-bottom: -7px;
}

.page-sidebar .page-sidebar-menu > li.open > a{
	margin-bottom: -8px;
}

.page-sidebar .page-sidebar-menu > li.active.open > a {
    margin-bottom: -7px
}

.page-sidebar .page-sidebar-menu .sub-menu li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu li.open > a {
    margin-bottom: -1px;
}

.page-sidebar .page-sidebar-menu .sub-menu > li.open > .sub-menu > li:hover > a {
    background-color: #141414 !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
   background-color: #1B63AB !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li.open > .sub-menu > li.active > a {
    background-color: #114578 !important;
}

/*COMMISSIONING CHECKLIST COLOURS*/

.completed > .panel-heading {
    background-color: #a3cba6;
}

.completed > .panel-heading:hover,
.completed > .active  {
    background-color: #24872C
}

.completed > * > .panel-body {
    border: 5px solid #24872C !important;
}

.commissioning-system-info > label,
.commissioning-system-info {
    font-size: 12px;
}

.questionBtn {
    margin-right: 10px;
}

/*TOUR STUFF*/
.popover {
    border: 4px solid #2993FE;
    width: 320px;
    max-width: 100%;
}

.popover-title {
	background-color: #2993FE;
    color: white;
	border-radius: 0px;
    font-weight: 600;
}


    .popover-navigation .btn-default {
    border: 1px solid black;
}


.popover-navigation .btn-default[disabled] {
    background-color: #FFF;
    border: 1px solid #DBDBDB;
    color: #A8A8A8;
}

.popover-navigation .btn-default {
    border: 1px solid black;
}

.popover {
    z-index: 10000 !important;
}

.popover[class*="tour-"] {
        border: 3px solid #2993fe;
    }


.non-accordion-panel {
    border: none !important;
}

.non-accordion-heading {
    background-color: #2996C5 !important;
    margin-bottom: -5px;
}

.non-accordion-body {
    margin-bottom: 10px;
}

.btn-days-group {
    width: 100%;
}


.btn-days{
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
    border-width: 1px;
    padding: 6px 13px;
    width: 14.33%
}

.btn-days.active {
    color: #FFF;
    background-color: #428BCA;
    border-color: #275D89;

}



html {
	overflow-y: scroll; 
}

   

.bg-grey {
    
    color: black;
}

.bg-grey a {
    color: black;
}

.btn.default.disabled,
.btn.default.disabled:hover,
.btn.default.disabled:focus,
.btn.default.disabled:active,
.btn.default.disabled.active,
.btn.default[disabled],
.btn.default[disabled]:hover,
.btn.default[disabled]:focus,
.btn.default[disabled]:active,
.btn.default.active[disabled],
fieldset[disabled] .btn.default,
fieldset[disabled] .btn.default:hover,
fieldset[disabled] .btn.default:focus,
fieldset[disabled] .btn.default:active,
fieldset[disabled] .btn.default.active {
    background-color: #BABABA;
}

.calendar-accordion {
    margin-top: -15px;  
}

.ms-container {
    width: 100% !important;
}

.favourites .dash-item-body i {
    top:4px;
}

.bg-red, .bg-red:hover {
    background-image: none !important;
    color: #fff !important;
}
.bg-green, .bg-green:hover {
    background-color: #0d8f3b !important;
    color: #fff !important;
}

.bg-dark, .bg-dark:hover {
  background-color: #555555 !important;
  color: #fff !important;
}

.bg-blue, .bg-blue:hover {
  background-color: #2996c5 !important;
  color: #fff !important;
}

.bg-darkblue, .bg-darkblue:hover {
  background-color: #025b82 !important;
  color: #fff !important;
}

.bg-yellow,  .bg-yellow:hover{
	background-color: #ffc466 !important;
    color:#333333 !important;
}

.status-default {
    background-color: #EFEFEF !important;
}

.overrides {
    display: inline-block;
    background-color: #F5F5F5;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #BABABA;
    margin-top: 10px;
    
}

.door-overrides {
    width: 80%;
}

.limitWidth {
    width: 60px;
}

.forgive {
    display: inline-block;
    background-color: #F5F5F5;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #BABABA;
    margin-top: 10px;
    width: 100%;
}

.floor-overrides {
    width: 100%;
}

.overrides h6 {
    text-align: center;
    padding-top: 4px;
    margin-top: -22px;
}

.list-item-table, 
.dash-item-table {
    width: 100%;
}

.dash-item-table {
    border: 1px solid #B0B0B0;
}


.list-item-table .icon-col,
.dash-item-table .icon-col,
.dash-item-table .adv-col {
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

.dash-item-table .icon-col,
.dash-item-table .adv-col {
    margin-left: 10px;
    padding: 10px;
    color:#fff !important;
    }

.icon-col {
    min-width: 50px;
}

.list-item-table .name-col,
.dash-item-table .name-col {
    width: 85%;

}

.dash-item-table .name-col {
    padding-right: 20px;
}


.list-item-table .state-col {
    width: 10%;
}

.shortcuts .dash-item i {
    color: #5A5A5A;
}

.shortcuts .dash-item-table .name-col {
    color: #4A4A4A;
}

.shortcuts .dash-item-table .info-col {
    color: rgba(74, 74, 74, 0.6);
}

.shortcuts .dash-item-table:hover {
    background-color: #2993fe;
}

.shortcuts .dash-item-table:hover i,
.shortcuts .dash-item-table:hover .name-col,
.shortcuts .dash-item-table:hover .info-col,
.shortcuts .dash-item a:hover,
.shortcuts .dash-item a:focus
 {
    color: white;
    text-decoration: none;
}

.favourites .dash-item-table i:hover {
    cursor: default;
}

.favourites .dash-item-table .btnColumn i:hover {
    color: #2993fe;
    cursor: pointer;
}

.dash-item i {
    font-size: 25px;
    line-height: 25px;
}

.dash-item-table .name-col {
    width: 40%;
    font-weight: 600;
    vertical-align: middle;
    padding-top: 4px;
}

.dash-item-table .state-col {
    width: 35%;
    font-weight: 700;
    vertical-align: middle;
    padding-top: 4px;
}

.dash-item-table .info-col {
    width: 100%;
    vertical-align: middle;
    padding-bottom: 4px;
}

.info-col {
    color: rgba(255,255,255,0.6);
}

.bg-yellow .info-col {
    color: rgba(0,0,0,0.6);
}

.info-title {
    font-weight: 700;
}

.activity-section {
    margin-top: 15px;
}

p.activity-progress-line {
    margin: 0;
}

.door-open-btn {
    height: 50px;
    border: 1px solid white;
    border-left: 5px solid white
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.no-padding-left {
    padding-left: 0px;
}

.mark-incomplete {
    float: right;
    color: #35AA47;
    background-color: white;
    border: 1px solid #35AA47;
}

.mark-incomplete:hover {
    color:white;
    background-color: #35AA47;
}

.timer-label {
    margin-top: 15px;
}

.checkbox-field {
    margin-top: 5px;
}

.checkbox-field label {
    padding-top: 6px;
}

.page-description {
    margin-bottom: 20px;
}

.counter-manual-set-section {
    margin-top: 15px;
}


/***
Firmware Upload Page
***/
#progress .bar {
    height: 18px;
    background: green;
}

#upgrade-progress .bar
{
    height: 18px;
    background: green;
}

.ms-container .ms-optgroup-label {
    color: #2996c5 !important;
    font-weight: 600;
    padding-left: 10px;
    cursor: default !important;
}

.ms-container .ms-optgroup-label::before,
.ms-container .ms-optgroup-label::after {
   content: " ---- ";
}

.page-header-fixed .page-container {
    margin-top: 0px;
}

.module-select-btns {
    float: right;
    margin-bottom: 5px;
}


/***
Modal Widths
***/
.large-modal {
    width: 95%;
    }

@media (min-width: 991px) {

    .large-modal {
    width: 50%;
    }

}

.popover-content {
    font-size: 12px;
    overflow-y: auto;
    max-height: 380px;
}


.hardware-wizard-icon .tooltip-icon::before {
    color: white !important;
}

.hardware-wizard-icon {
    text-align: center;
}

.read-more .see-less {
    color: #2996C5;
}

.read-more {
    margin-left: 5px;
}


.read-more:hover,
.see-less:hover {
    color: rgb(81, 194, 255);
}

.long-description {
    display: none;
}


/*Calendar Stylings*/
.fc-state-highlight {
    background: rgba(41, 150, 197, 0.28);
}


hr {
    border-color: #D2D2D2;
}

.permission-type {
    margin-bottom: 20px;
}

input[type="file"] {
    height: 28px;
}

.note {
    padding: 15px;
    margin: 5px 0 12px;
}

.note.note-info {
    border-color: #2996C5;

}
.note.note-success {
    border-color: #24872C;
}
.note.note-default {
    background-color: #eee;
}

.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
    margin-top: 20px;
}

#ReaderStepData .form-group {
    min-height: 60px;
}

.datetime-editor:not([disabled]) {
    background-color: white !important;
    cursor: pointer !important;
}

span, p, h1, h2, h3, h4, h5, h6, tr {
    cursor: default;
}



.base-trigger-group {
    background-color: #A8C0CF;
}

.trigger-right-hand-side {
    background-color: #2996c5;
}


.trigger-group {
    margin-top: 20px;
}

.trigger-right-hand-side {
    border: 2px dashed white;
    height: 60px;
    padding: 10px;
}


.trigger-group-content .trigger {
    margin-bottom: -5px;
    margin-top: 15px;
}

.trigger {
    color: rgb(0, 49, 86);
    margin-top: 10px;
    line-height: 26px;
    

}

.base-trigger-group {
    margin: 10px 0px 10px 0px;
    padding: 10px;
    width: 100%;
}

.trigger-buttons {
    display: inline-block;
    right: 0px;
    float: right;
}

.trigger-buttons span {
    margin-left: 5px;
}

.trigger button,
.remove-btn {
    padding: 2px 6px;
    margin-top: -4px;
    margin-right: 4px;
    border-radius: 100% !important;
    border: 1px solid white !important;
}

#TriggerCondition.GroupingType {
    margin-bottom: 10px;
}

.trigger-select {
    height: 34px;
    width: 50%;
    padding-left: 5px;
    display: inline-block;
}

.trigger-entry table {
    width: 100%;

}

.trigger-delete {
    width: 50px;
}

.close {
 background-image: url("../../../img/remove-icon-small.png") !important;
}

.response-detail {
    display: table-cell;
    width: 800px;   
}

.ms-selection,
.ms-selectable {
    border: 2px solid #2996c5;
}

.multi-select-header {
    text-align: center;
    background-color: #2996c5;
    color: white;
    padding: 5px;
    width: 100%;
    display: block;
}

.ms-container input.selection-search,
.ms-container input.selectable-search {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border: 1px solid #CCC;
    width: 100%;
    margin-bottom: 0;
}

.multiselect-buttons {
    padding-top: 5px;
}

.multiselect-buttons .right {
    float: right;
}

.hl-success, .hl-success:focus {
    border-left: 7px solid lightgreen;
}
.hl-fail, .hl-fail:focus {
    border-left: 7px solid lightcoral;
}
.hl-warning, .hl-warning:focus{
    border-left: 7px solid #FFD73A;
}
.hl-info, .hl-info:focus {
    border-left: 7px solid lightskyblue;
}

i.login-icon {
    line-height: 0.75em;
    font-size:1.33333em !important;
    color: #025b82;
    margin-right: 8px;
}

.walkTestFeedback {
    padding: 10px;
}

#ms-AreaInputsToTest .ms-selectable li.disabled, #ms-AreaInputsToTest .ms-selection li.disabled {
    background-color: rgba(0, 0, 0, 0);
    color: #555;
    cursor: auto;
}

.apidoc-navbar-category {
    list-style: none;
}

.apidoc-navbar-category li {
    overflow: hidden;
}

.popup-warning {
    background-color: #fcf8e3;
    padding: 3px;
}

.editor-password-field {
    font-family: text-security-disc;
    -webkit-text-security: disc;
}

/* CHECKBOXES */

.checkboxcontainer {
    display: inline-block;
    position: relative;
    margin-top: 5px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.do-not-warn-checkbox > .checkboxcontainer {
    position: static;
}

.do-not-warn-checkbox > .checkboxcontainer > .checkmark {
    margin-left: 16px;
}

.checkboxcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border: 1px solid #D3CFC8;
}

.checkboxcontainer:hover input:enabled ~ .checkmark {
    border: 2px solid #2489C5;
}

.checkboxcontainer input:checked:enabled ~ .checkmark {
    background-color: #2489C5;
    border: 0px;
}

.checkboxcontainer input:disabled ~ .checkmark {
    border: 1px solid #E5E5E5;
    background-color: #EEEEEE;
}

.checkboxcontainer input:checked:disabled ~ .checkmark {
    background-color: #E5E5E5;
    border: 0px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkboxcontainer input:checked ~ .checkmark:after {
    display: block;
}

.checkboxcontainer .checkmark:after {
    left: 8px;
    top: 5px;
    width: 6px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/**
    EULA
*/
.eula-container {
    overflow: auto;
    height: 400px;
    margin-bottom: 8px;
    border: 1px solid #e5e5e5;
    padding: 8px;
}