label { all: initial; } .selected-container { /*display: inline-block;*/ /*width: 100%;*/ min-height: 40px; padding-bottom: 20px; } .selected-container .selected-element { display: inline-block; padding: 5px 25px 5px 10px; margin-top: 8px; min-height: 45px; background-color: #e3e3e3; border: 1px solid #dbdbdb; position: relative; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari 4 */ border-radius: 10px; /* IE 9, Safari 5, Chrome */ } .selected-element .header{ font-size: 9pt; color: #979494; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; } .selected-element .name { font-size: 14pt; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; width: 100%; } .selected-element .icon-remove{ background-image: url('../img/cross01.png'); background-size: 24px 24px; /*display: inline-block;*/ position: absolute; right: 5px; top: 15px; width: 16px; height: 16px; cursor: pointer; margin-left: -20px; } /*DEMO*/ .wrapper{ background-color: #f2f2f2; padding: 40px; margin: 50px 30px; } .form-container { padding: 50px 45px; } .separator { margin: 20px 0; } .max-width { display: table !important; width: 100% } .vertical{ width: 100%; } .cell { display: table-cell; } .custom-check { background: url("../img/rect01.png") no-repeat center; background-size: 200px 40px; width: 200px; height: 40px; cursor: pointer; } .custom-check.checked { background: url("../img/rect02.png") no-repeat center; background-size: 200px 40px; width: 200px; height: 40px; } #page-preloader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 100500; } #page-preloader .spinner { width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; background: url('../img/ajax-loader.gif') no-repeat 50% 50%; margin: -16px 0 0 -16px; }