@import "../../../../../modules/system/assets/vendor/prettify/prettify.css";
@import "../../../../../modules/system/assets/vendor/prettify/theme-desert.css";


/* Reminders */

nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon{padding:0 15px;}
nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon a{position:relative;width:55px;height:55px}
nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon a .nav-icon{text-align:center;display:block;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-46.5px;width:30px;height:30px;}
nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon a .nav-label{display:block;width:100px;height:20px;line-height:20px;position:absolute;bottom:4px;left:50%;padding:0 5px;margin-left:-50px;overflow:hidden;text-overflow:ellipsis;text-align:center}

nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon .mainmenu-accountmenu .notifications-dropdown{ max-height: 300px; overflow-y: scroll}
nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon .mainmenu-accountmenu:after{content:'';display:block;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:7px solid #f9f9f9;right:9px;top:-7px;position:absolute}

nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon .mainmenu-accountmenu .notifications-title{padding: 15px; border-bottom: 1px solid #dddddd; box-shadow:0 2px 10px -2px #cedae0; border-image: linear-gradient(to right, white 0%, #cedae0 40%, #cedae0 60%, white 100%) 1 20%;}
nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon .mainmenu-accountmenu .notifications-title span{color: #747F8B;  font-weight: bold; font-size: 13px; line-height: 25px}
nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon .mainmenu-accountmenu .notifications-title .count{
    right: 50px;
    overflow: hidden;
    background: #21B7B7;
    color: #FFF;
    text-align: center;
    border-radius: 100%;
    font-weight: bold;
    position: absolute;
    height: 25px;
    width: 25px;
    display: inline-block;
    line-height: 24px;
    margin-left: 8px;
    font-size: 12px;
    vertical-align: middle;
}

nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon a .nav-icon .count {
    right: -5px;
    top:18px;
    overflow: hidden;
    background: #21B7B7;
    color: #FFF;
    text-align: center;
    border-radius: 100%;
    font-weight: bold;
    position: absolute;
    height: 20px;
    width: 20px;
    display: inline-block;
    line-height: 19px;
    margin-left: 8px;
    font-size: 10px;
    vertical-align: middle;
}


nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon .mainmenu-accountmenu .notifications-grid{width: 420px; max-height: 300px; padding: 0; overflow-y: scroll}
nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon .mainmenu-accountmenu .notifications-grid a{ position: relative; float: left; width: 100%; height: auto; padding: 0; font-size: 12px;}
nav#layout-mainmenu.navbar-mode-tile ul.mainmenu-toolbar li.alto-icon .mainmenu-accountmenu .notifications-grid a:hover{ }
nav#layout-mainmenu ul li a i {
    line-height: 1;
    font-size: 25px;
    vertical-align: middle;
}
.notifications-grid a .notification-item{ padding: 5px 0; border-bottom: 1px solid #dddddd; display: table}
.notifications-grid a .notification-item .status{ width: 5px; height: auto; display: table-cell}
.notifications-grid a .notification-item .time{display: table-cell;  height: 100%;  vertical-align: top;  float: none;  padding: 5px  }
.notifications-grid a .notification-item .time p.dd{font-size: 18px;  line-height: 1.1;  font-weight: 900; margin-bottom: 0; text-align: right; letter-spacing: 3px}
.notifications-grid a .notification-item .time p.mm{font-size: 16px;  letter-spacing: 2px;  line-height: 1.1;  text-transform: uppercase; margin-bottom: 0}
.notifications-grid a .notification-item .time p.yy{font-size: 14px;  line-height: 1.1; margin-bottom: 0; letter-spacing: 1px}
.notifications-grid a .notification-item .time p.hm{font-size: 12px;  letter-spacing: 2px;  line-height: 1.1; margin-bottom: 0}
.notifications-grid a .notification-item .info{ position: relative; min-height: 80px; padding: 5px}
.notifications-grid a .notification-item .info .title{
    display: block;
    width: 100%;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 18px;

}
.notifications-grid a .notification-item .info .tour-show{
    position: absolute;
    bottom: 18px;
    left: 5px;
    display: block;
    width: 100%;
    font-size: 11px;
    color: #c2c2c2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notifications-grid a .notification-item .info .department{
    position: absolute;
    bottom: 5px;
    left: 5px;
    display: block;
    width: 100%;
    font-size: 11px;
    color: #c2c2c2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notifications-grid a .notification-item .buttons{ text-align: right}
.notifications-grid a .notification-item .buttons button{margin-right: 5px; padding: 5px 10px}
.notifications-grid a .notification-item .buttons button i{ font-size: 12px !important; }

/* end reminders */

@media (max-width:769px){nav#layout-mainmenu.navbar{padding-left:0;height:45px}
    nav#layout-mainmenu.navbar ul.mainmenu-toolbar li.mainmenu-preview a{height:45px;line-height:45px}
    nav#layout-mainmenu.navbar ul.mainmenu-toolbar li.mainmenu-account > a{height:45px;line-height:45px}
    nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu{top:55px}
    nav#layout-mainmenu.navbar ul.mainmenu-toolbar li.mainmenu-account > a{padding-right:0}
    nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu:after{right:13px}
    nav#layout-mainmenu.navbar ul.nav{display:none}
    nav#layout-mainmenu.navbar .menu-toggle{display:inline-block;color:#555555 !important}
}
.mainmenu-collapsed{position:absolute;height:100%;top:0;left:0;margin:0;background:#000000}
.mainmenu-collapsed > div{display:block;height:100%}
.mainmenu-collapsed > div ul.mainmenu-nav li a{position:relative;width:65px;height:65px}
.mainmenu-collapsed > div ul.mainmenu-nav li a .nav-icon{text-align:center;display:block;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-26.5px;width:30px;height:30px}
.mainmenu-collapsed > div ul.mainmenu-nav li a .nav-icon i,.mainmenu-collapsed > div ul.mainmenu-nav li a .nav-icon img{margin:0}
.mainmenu-collapsed > div ul.mainmenu-nav li a .nav-label{display:block;width:100px;height:20px;line-height:20px;position:absolute;bottom:4px;left:50%;padding:0 5px;margin-left:-50px;overflow:hidden;text-overflow:ellipsis;text-align:center}
.mainmenu-collapsed > div ul.mainmenu-nav li{padding:0 15px;margin:7px 0 0}
.mainmenu-collapsed > div ul.mainmenu-nav li:first-child{margin-left:-7px}
.mainmenu-collapsed > div ul.mainmenu-nav li:hover .nav-label{width:auto;min-width:100px;text-overflow:all;overflow:visible;z-index:2}
.mainmenu-collapsed > div ul.mainmenu-nav li.active:first-child{margin-left:0}
.mainmenu-collapsed > div ul.mainmenu-nav li:first-child{margin-left:0}
.mainmenu-collapsed > div ul{margin:0;padding:5px 0 15px 15px;overflow:hidden}
.mainmenu-collapsed > div ul li{color:rgba(255,255,255,0.6);display:inline-block;vertical-align:top;position:relative;margin-right:30px}
.mainmenu-collapsed > div ul li a{display:inline-block;font-size:14px;color:inherit;outline:none}
.mainmenu-collapsed > div ul li a:hover{background-color:transparent}
.mainmenu-collapsed > div ul li a:active,.mainmenu-collapsed > div ul li a:focus{text-decoration:none;color:rgba(255,255,255,0.6)}
.mainmenu-collapsed > div ul li a i{line-height:1;font-size:30px;vertical-align:middle}
.mainmenu-collapsed > div ul li a img.svg-icon{height:30px;width:30px;position:relative;top:0}
.mainmenu-collapsed .scroll-marker{position:absolute;left:0;width:100%;height:10px;display:none}
.mainmenu-collapsed .scroll-marker:after{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f141";display:block;position:absolute;left:50%;margin-left:-3px;top:0;height:9px;font-size:10px;color:rgba(255,255,255,0.6)}
.mainmenu-collapsed .scroll-marker.before{top:0}
.mainmenu-collapsed .scroll-marker.after{bottom:3px}
.mainmenu-collapsed .scroll-marker.after:after{top:2px}
.mainmenu-collapsed.scroll-before .scroll-marker.before{display:block}
.mainmenu-collapsed.scroll-after .scroll-marker.after{display:block}
body.mainmenu-open .mainmenu-collapsed ul{position:absolute;left:0;top:10px;bottom:10px}
html.mobile .mainmenu-collapsed ul{overflow:auto;-webkit-overflow-scrolling:touch}
nav#layout-mainmenu.navbar ul li:hover a:active,.mainmenu-collapsed li:hover a:active,nav#layout-mainmenu.navbar ul li:hover a:focus,.mainmenu-collapsed li:hover a:focus{color:#ffffff !important}
.touch .mainmenu-collapsed li a:hover{color:rgba(255,255,255,0.6)}
nav#layout-mainmenu.navbar ul li.highlight > a,.mainmenu-collapsed li.highlight > a{color:#ffffff !important}
nav#layout-mainmenu.navbar ul li.active,.mainmenu-collapsed li.active{color:#ffffff !important}
nav#layout-mainmenu.navbar ul li.active a,.mainmenu-collapsed li.active a{color:rgb(35, 183, 229) !important}
nav#layout-mainmenu.navbar ul li:hover,.mainmenu-collapsed li:hover{color:#555555;background:transparent}
body.drag nav#layout-mainmenu.navbar ul.nav li:hover,body.drag .mainmenu-collapsed ul li:hover{color:rgba(255,255,255,0.6)}
html.mobile #layout-sidenav ul{overflow:auto;-webkit-overflow-scrolling:touch}
#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover,.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover{color:rgba(255,255,255,0.6) !important}
#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover i,.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover i{color:rgba(255,255,255,0.6) !important}
#layout-sidenav.layout-sidenav ul.drag li:not(.active) a:hover:after,.touch #layout-sidenav.layout-sidenav li:not(.active) a:hover:after{display:none !important}
#layout-side-panel .fix-button{position:absolute;right:-25px;top:0;display:none;width:25px;height:25px;font-size:13px;background:#ecf0f1;z-index:120;opacity:0.5;filter:alpha(opacity=50);-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
#layout-side-panel .fix-button i{display:block;text-align:center;margin-top:5px;color:#aaaaaa}
#layout-side-panel .fix-button:hover{text-decoration:none;display:block;opacity:1 !important;filter:alpha(opacity=100) !important}
#layout-side-panel:hover .fix-button{display:block}
#layout-side-panel .fix-button-content-header .fix-button{top:46px}
#layout-side-panel .sidepanel-content-header{background:#d35400;color:white;font-size:15px;padding:12px 20px 13px;position:relative}
#layout-side-panel .sidepanel-content-header:after{content:'';display:block;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-top:8px solid #d35400;border-bottom-width:0;position:absolute;left:14px;bottom:-8px}
body.side-panel-not-fixed #layout-side-panel{display:none}
body.side-panel-not-fixed #layout-side-panel .fix-button{opacity:0.5;filter:alpha(opacity=50)}
body.display-side-panel #layout-side-panel{display:block;position:absolute;z-index:600;width:350px;-webkit-box-shadow:3px 0 3px 0 rgba(0,0,0,0.1);box-shadow:3px 0 3px 0 rgba(0,0,0,0.1)}
@media (min-width:992px){body.side-panel-fix-shadow #layout-side-panel{-webkit-box-shadow:none;box-shadow:none}
}
.touch #layout-side-panel .fix-button{display:none}
@media (max-width:768px){#layout-side-panel .fix-button{display:none}
}
#layout-footer{width:100%;z-index:100;height:60px;position:fixed;bottom:0;color:#666666;background-color:rgba(255,255,255,0.8);border-top:1px solid #dfdfdf}
#layout-footer .brand,#layout-footer .tagline{margin:10px;height:40px;line-height:40px}
#layout-footer .brand{float:left;font-size:16px}
#layout-footer .brand .logo{margin:0 10px}
#layout-footer .tagline{float:right}
#layout-footer .tagline p{color:#999999}
body.outer{background:#2b3e50}
body.outer .layout > .layout-row.layout-head{text-align:center;background:#f9f9f9}
body.outer .layout > .layout-row.layout-head > .layout-cell{height:40%;padding:50px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;position:relative}
body.outer .layout > .layout-row.layout-head > .layout-cell:after{content:'';display:block;width:0;height:0;border-left:28px solid transparent;border-right:28px solid transparent;border-top:20px solid #f9f9f9;border-bottom-width:0;position:absolute;bottom:-20px;left:50%;margin-left:-28px}
body.outer .layout > .layout-row.layout-head > .layout-cell h1.oc-logo{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;display:inline-block;width:100%;max-width:450px;height:170px;min-height:72px}
body.outer .layout > .layout-row > .layout-cell{vertical-align:top}
body.outer .layout > .layout-row > .layout-cell .outer-form-container{margin:0 auto;width:436px;padding:40px 0}
body.outer .layout > .layout-row > .layout-cell .outer-form-container h2{font-size:18px;margin:20px 0;color:#feffff}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form{font-size:0;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input{vertical-align:top;margin-right:9px;display:inline-block;border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form button{background:#0181b9;text-align:center;font-size:13px;font-weight:600;height:40px;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .remember label{color:rgba(255,255,255,0.44)}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password{margin-top:30px;font-size:15px;top:8px}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password a{color:rgba(255,255,255,0.44)}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .forgot-password:before{color:rgba(255,255,255,0.44);font-size:14px;position:relative;margin-right:5px}
html.csstransitions body.outer .outer-form-container{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
html.csstransitions body.outer.preload .outer-form-container{-webkit-transform:scale(0.2,0.2);-moz-transform:scale(0.2,0.2);-ms-transform:scale(0.2,0.2);-o-transform:scale(0.2,0.2);transform:scale(0.2,0.2)}
@media (max-width:768px){body.outer .layout > .layout-row.layout-head > .layout-cell{padding:50px 20px}
body.outer .layout > .layout-row > .layout-cell .outer-form-container{width:auto;padding:40px}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form{display:block}
body.outer .layout > .layout-row > .layout-cell .outer-form-container .horizontal-form input{display:block;width:100% !important;margin-bottom:20px}
}
body.breadcrumb-fancy .control-breadcrumb,.control-breadcrumb.breadcrumb-fancy{margin-bottom:0;background-color:#e67e22}
body.breadcrumb-fancy .control-breadcrumb li,.control-breadcrumb.breadcrumb-fancy li{background-color:#d35400;color:rgba(255,255,255,0.5)}
body.breadcrumb-fancy .control-breadcrumb li a,.control-breadcrumb.breadcrumb-fancy li a{opacity:.5;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
body.breadcrumb-fancy .control-breadcrumb li a:hover,.control-breadcrumb.breadcrumb-fancy li a:hover{opacity:1}
body.breadcrumb-fancy .control-breadcrumb li:before,.control-breadcrumb.breadcrumb-fancy li:before{border-left-color:#ffffff;opacity:.5}
body.breadcrumb-fancy .control-breadcrumb li:after,.control-breadcrumb.breadcrumb-fancy li:after{border-left-color:#d35400}
body.breadcrumb-fancy .control-breadcrumb li:last-child,.control-breadcrumb.breadcrumb-fancy li:last-child{background-color:#d35400}
body.breadcrumb-fancy .control-breadcrumb li:last-child:before,.control-breadcrumb.breadcrumb-fancy li:last-child:before{opacity:1;border-left-color:#d35400}
.fancy-layout .tab-collapse-icon{position:absolute;display:block;text-decoration:none;outline:none;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all 0.3s;transition:all 0.3s;font-size:12px;color:#ffffff;right:11px}
.fancy-layout .tab-collapse-icon:hover{text-decoration:none;opacity:1;filter:alpha(opacity=100)}
.fancy-layout .tab-collapse-icon.primary{color:#475354;bottom:-25px;z-index:100;-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}
.fancy-layout .tab-collapse-icon.primary i{position:relative;display:block}
.fancy-layout .control-tabs.master-tabs,.fancy-layout.control-tabs.master-tabs{overflow:hidden}
.fancy-layout .control-tabs.master-tabs:before,.fancy-layout.control-tabs.master-tabs:before,.fancy-layout .control-tabs.master-tabs:after,.fancy-layout.control-tabs.master-tabs:after{top:13px;font-size:14px;color:rgba(255,255,255,0.35)}
.fancy-layout .control-tabs.master-tabs:before,.fancy-layout.control-tabs.master-tabs:before{left:8px}
.fancy-layout .control-tabs.master-tabs:after,.fancy-layout.control-tabs.master-tabs:after{right:8px}
.fancy-layout .control-tabs.master-tabs.scroll-before:before,.fancy-layout.control-tabs.master-tabs.scroll-before:before{color:#ffffff}
.fancy-layout .control-tabs.master-tabs.scroll-after:after,.fancy-layout.control-tabs.master-tabs.scroll-after:after{color:#ffffff}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container{background:#d35400;padding-left:20px;padding-right:20px}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs{margin-left:-8px}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li{margin-left:-5px;top:1px;padding-top:3px}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close{top:14px;right:-3px;left:auto;z-index:110;font-family:sans-serif}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i{top:4px;right:1px;color:rgba(255,255,255,0.3) !important;font-style:normal;font-weight:bold;font-size:16px}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i:hover,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li span.tab-close i:hover{color:#ffffff !important}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a{border-bottom:none;background:transparent;font-size:14px;color:rgba(255,255,255,0.35);padding:6px 0 0 24px!important;overflow:visible}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title{position:relative;display:inline-block;padding:12px 5px 0 5px;height:38px;font-size:14px;z-index:100;background-color:#b9530f}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after{content:' ';position:absolute;width:20px;display:block;height:37px;top:0;z-index:100;background-color:#b9530f}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:before{left:-14px;-webkit-border-radius:8px 0 0 0;-moz-border-radius:8px 0 0 0;border-radius:8px 0 0 0;-webkit-transform:skewX(-20deg);-ms-transform:skewX(-20deg);transform:skewX(-20deg)}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title:after{right:-14px;-webkit-border-radius:0 8px 0 0;-moz-border-radius:0 8px 0 0;border-radius:0 8px 0 0;-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg)}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title span,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a > span.title span{border-top:none;padding:0;margin-top:0;overflow:visible}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:before,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a:before{z-index:110;position:absolute;top:18px;left:22px}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a[class*=icon] > span.title,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li a[class*=icon] > span.title{padding-left:18px}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a{z-index:107;color:#ffffff}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close i,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active span.tab-close i{color:#ffffff}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title{background-color:#e67e22;z-index:105}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:before{z-index:107;background-color:#e67e22}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li.active a > span.title:after{background-color:#e67e22;z-index:107}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i{top:5px;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i:before,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li[data-modified] span.tab-close i:before{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f111";font-size:9px}
.fancy-layout .control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li:first-child,.fancy-layout.control-tabs.master-tabs > div > div.tabs-container > ul.nav-tabs > li:first-child{margin-left:0}
.fancy-layout .control-tabs.master-tabs[data-closable] > div > div.tabs-container > ul.nav-tabs > li a > span.title,.fancy-layout.control-tabs.master-tabs[data-closable] > div > div.tabs-container > ul.nav-tabs > li a > span.title{padding-right:10px}
.fancy-layout .control-tabs.master-tabs.has-tabs:before,.fancy-layout.control-tabs.master-tabs.has-tabs:before,.fancy-layout .control-tabs.master-tabs.has-tabs:after,.fancy-layout.control-tabs.master-tabs.has-tabs:after{display:block}
.fancy-layout .control-tabs.secondary-tabs:before,.fancy-layout.control-tabs.secondary-tabs:before{left:5px}
.fancy-layout .control-tabs.secondary-tabs:after,.fancy-layout.control-tabs.secondary-tabs:after{right:5px}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs,.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs{background:#475354}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li,.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li{border-right:none;padding-right:0;margin-right:0}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a,.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a{background:transparent;border:none;padding:12px 10px 13px 10px;font-size:14px;font-weight:normal;line-height:14px;color:#919898}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li a span span,.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li a span span{overflow:visible;border-top:none;margin-top:0;padding-top:0}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li:first-child,.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li:first-child{padding-left:15px}
.fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a,.fancy-layout.control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a{color:#ffffff}
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon,.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon{position:absolute;display:block;text-decoration:none;outline:none;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all 0.3s;transition:all 0.3s;font-size:12px;color:#ffffff;right:11px}
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon:hover,.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon:hover{text-decoration:none;opacity:1;filter:alpha(opacity=100)}
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary,.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary{color:#475354;bottom:-25px;z-index:100;-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary i,.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary i{position:relative;display:block}
.fancy-layout .control-tabs.secondary-tabs .tab-collapse-icon.primary,.fancy-layout.control-tabs.secondary-tabs .tab-collapse-icon.primary{color:#ffffff;top:12px;right:11px;bottom:auto}
.fancy-layout .control-tabs.secondary-tabs.primary-collapsed .tab-collapse-icon.primary,.fancy-layout.control-tabs.secondary-tabs.primary-collapsed .tab-collapse-icon.primary{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs{background:#f9f9f9}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li{margin-left:-19px}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li:first-child,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li:first-child{margin-left:0;padding-left:8px}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a{padding:8px 16px 0 16px;font-weight:400;height:36px;color:#2b3e50;opacity:0.6;filter:alpha(opacity=60)}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title{position:relative;display:inline-block;padding:8px 5px 9px 5px;font-size:14px;z-index:100;height:27px !important;background-color:transparent}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after{content:' ';position:absolute;background-color:white;width:15px;height:28px;top:0;z-index:100;display:none}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:before{left:-11px;-webkit-border-radius:8px 0 0 0;-moz-border-radius:8px 0 0 0;border-radius:8px 0 0 0;-webkit-transform:skewX(-20deg);-ms-transform:skewX(-20deg);transform:skewX(-20deg)}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title:after{right:-11px;-webkit-border-radius:0 8px 0 0;-moz-border-radius:0 8px 0 0;border-radius:0 8px 0 0;-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg)}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title span,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li a > span.title span{height:18px;font-size:14px}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a{opacity:1;filter:alpha(opacity=100)}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title{background-color:white}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:before,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:before,.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:after,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs > div > ul.nav-tabs > li.active a > span.title:after{display:block}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs .tab-collapse-icon.primary,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs .tab-collapse-icon.primary{color:#808c8d}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed .tab-collapse-icon.primary,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed .tab-collapse-icon.primary{color:white}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs{background:#e67e22}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a{color:white}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a > span.title:before,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a > span.title:before,.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a > span.title:after,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li a > span.title:after{background-color:white}
.fancy-layout .control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li.active a,.fancy-layout.control-tabs.secondary-tabs.secondary-content-tabs.primary-collapsed > div > ul.nav-tabs > li.active a{color:#2b3e50}
.fancy-layout .control-tabs.primary-tabs.master-area > div > ul.nav-tabs,.fancy-layout.control-tabs.primary-tabs.master-area > div > ul.nav-tabs{-webkit-transition:background-color 0.5s;transition:background-color 0.5s;background:#e67e22}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs{background:#7f8c8d;margin-left:0 !important;margin-right:0 !important}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs:before,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs:before{display:none}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li{background:transparent;border-right:none;margin-right:-8px}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li:first-child{margin-left:-5px}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a{background:transparent;border:none;padding:12px 16px 0;font-size:14px;font-weight:400;color:#95a5a6}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title{background:#d5d9d8;border-top:none;padding:5px 5px 3px 5px}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after{background:#d5d9d8;border-width:0;top:0}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:before{left:-20px}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title:after{right:-20px}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title span,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li a span.title span{border-width:0;vertical-align:top}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a{color:#808c8d}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a:before{display:none}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title{background:#fafafa}
.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:before,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:before,.fancy-layout .control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:after,.fancy-layout.control-tabs.primary-tabs > div > ul.nav-tabs > li.active a span.title:after{background:#fafafa}
.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane,.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane{padding:20px 20px 0 20px}
.fancy-layout .control-tabs.primary-tabs > .tab-content > .tab-pane.pane-compact,.fancy-layout.control-tabs.primary-tabs > .tab-content > .tab-pane.pane-compact{padding:0}
.fancy-layout .control-tabs.primary-tabs.collapsed,.fancy-layout.control-tabs.primary-tabs.collapsed{display:none}
.fancy-layout .control-tabs.has-tabs > div.tab-content,.fancy-layout.control-tabs.has-tabs > div.tab-content{background:#f9f9f9}
.fancy-layout .control-tabs > div.tab-content > div.tab-pane,.fancy-layout.control-tabs > div.tab-content > div.tab-pane{padding:0}
.fancy-layout .control-tabs > div.tab-content > div.tab-pane.padded-pane,.fancy-layout.control-tabs > div.tab-content > div.tab-pane.padded-pane{padding:20px 20px 0 20px}
.fancy-layout .form-tabless-fields{position:relative;background:#e67e22;padding:18px 23px 0 23px;-webkit-transition:all 0.5s;transition:all 0.5s}
.fancy-layout .form-tabless-fields:before,.fancy-layout .form-tabless-fields:after{content:" ";display:table}
.fancy-layout .form-tabless-fields:after{clear:both}
.fancy-layout .form-tabless-fields label{text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:0}
.fancy-layout .form-tabless-fields input[type=text]{background:transparent;border:none;color:#ffffff;font-size:35px;font-weight:100;height:auto;padding:0;-webkit-box-shadow:none;box-shadow:none}
.fancy-layout .form-tabless-fields input[type=text]::-moz-placeholder{color:rgba(255,255,255,0.5);opacity:1}
.fancy-layout .form-tabless-fields input[type=text]:-ms-input-placeholder{color:rgba(255,255,255,0.5)}
.fancy-layout .form-tabless-fields input[type=text]::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}
.fancy-layout .form-tabless-fields input[type=text]:focus,.fancy-layout .form-tabless-fields input[type=text]:hover{background-color:rgba(255,255,255,0.1)}
.fancy-layout .form-tabless-fields .form-group{padding-bottom:0}
.fancy-layout .form-tabless-fields .form-group.is-required > label:after{display:none}
.fancy-layout .form-tabless-fields .tab-collapse-icon{position:absolute;display:block;text-decoration:none;outline:none;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all 0.3s;transition:all 0.3s;font-size:12px;color:#ffffff;right:11px}
.fancy-layout .form-tabless-fields .tab-collapse-icon:hover{text-decoration:none;opacity:1;filter:alpha(opacity=100)}
.fancy-layout .form-tabless-fields .tab-collapse-icon.primary{color:#475354;bottom:-25px;z-index:100;-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}
.fancy-layout .form-tabless-fields .tab-collapse-icon.primary i{position:relative;display:block}
.fancy-layout .form-tabless-fields .tab-collapse-icon.tabless{top:14px}
.fancy-layout .form-tabless-fields.collapsed{padding:5px 23px 0 10px}
.fancy-layout .form-tabless-fields.collapsed .tab-collapse-icon.tabless{-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}
.fancy-layout .form-tabless-fields.collapsed .form-group:not(.collapse-visible){display:none}
.fancy-layout .form-tabless-fields.collapsed .form-buttons{margin-left:10px;padding-bottom:0}
.fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator{background-color:#e67e22;padding:0 0 0 30px;color:rgba(255,255,255,0.5);margin-top:1px;height:90%;font-size:12px;line-height:100%}
.fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator > span{left:-10px;top:18px}
.fancy-layout .form-buttons{-webkit-transition:all 0.5s;transition:all 0.5s;padding-top:14px;padding-bottom:5px}
.fancy-layout .form-buttons .btn{padding:0;margin-right:5px;margin-top:-6px;margin-right:30px;background:transparent;color:#ffffff;font-weight:normal;-webkit-box-shadow:none;box-shadow:none;opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
.fancy-layout .form-buttons .btn:hover{opacity:1;filter:alpha(opacity=100)}
.fancy-layout .form-buttons .btn:last-child{margin-right:0}
.fancy-layout .form-buttons .btn[class^="oc-icon-"]:before,.fancy-layout .form-buttons .btn[class*=" oc-icon-"]:before{opacity:1}
.fancy-layout form.oc-data-changed .btn.save{opacity:1;filter:alpha(opacity=100)}
.fancy-layout .field-codeeditor{border:none !important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.fancy-layout .field-codeeditor .editor-code{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.fancy-layout .field-richeditor{border:none;border-left:1px solid #d1d6d9 !important}
.fancy-layout .field-richeditor,.fancy-layout .field-richeditor .fr-toolbar,.fancy-layout .field-richeditor .fr-wrapper{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-top-right-radius:0;border-top-left-radius:0}
.fancy-layout .secondary-content-tabs .field-richeditor .fr-toolbar{background:white}
body.side-panel-not-fixed .fancy-layout .field-richeditor{border-left:none}
html.cssanimations .fancy-layout .form-tabless-fields .loading-indicator-container .loading-indicator > span{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-image:url('../../../../../modules/system/assets/ui/images/loader-white.svg');background-size:20px 20px}
html.gecko .fancy-layout .control-tabs.secondary-tabs > div > ul.nav-tabs > li.active a{padding-top:13px}
.flyout-container > .flyout{overflow:hidden;width:0;left:0 !important;-webkit-transition:width 0.1s;transition:width 0.1s}
.flyout-overlay{width:100%;height:100%;top:0;z-index:5000;position:absolute;background-color:rgba(0,0,0,0);-webkit-transition:background-color 0.3s;transition:background-color 0.3s}
.flyout-toggle{position:absolute;top:20px;left:0;width:23px;height:25px;background:#2b3e50;cursor:pointer;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#bdc3c7;font-size:10px}
.flyout-toggle i{margin:7px 0 0 6px;display:inline-block}
.flyout-toggle:hover i{color:#ffffff}
body.flyout-visible{overflow:hidden}
body.flyout-visible .flyout-overlay{background-color:rgba(0,0,0,0.3)}
.pr-0{padding-right: 0;}
.pt-20{padding-top: 20px;}
.pt-36{padding-top: 36px;}
.pl-24{padding-left: 24px;}
.float-right{float: right;}
.f-bold{font-weight: bold;}
.f-14{font-size: 14px;}
.m-a-0{margin: 0 !important;}
#update-totals{text-align: center;padding: 4px 0;}

/* Panels - taken from bootstrap */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
    padding: 15px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
    color: inherit;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.list-group + .panel-footer {
    border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
}
.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}
.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-group .panel + .panel {
    margin-top: 5px;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
    border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}
.panel-default {
    border-color: #ddd;
}
.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}
.panel-primary {
    border-color: #337ab7;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7;
}
.panel-success {
    border-color: #d6e9c6;
}
.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
}
.panel-info {
    border-color: #bce8f1;
}
.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
}
.panel-warning {
    border-color: #faebcc;
}
.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
}
.panel-danger {
    border-color: #ebccd1;
}
.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
}


/* tabs */
.nav-tabs li a .title .icon-floppy-disk{margin-left: 8px; color: #d9534f}

.popover-overlay{background-color:transparent}
.break{ border-bottom: 1px solid #e0e0e0; padding:15px; margin-bottom: 0; display: block !important}
.form-title{margin: 10px 0 15px 0}

/* selectable and sortable */
.ui-selecting { background: #eee; }
.ui-selecting .handle { background: #ddd; }
.ui-selected { background: #def; }
.ui-selected .handle { background: #cde; }

.list-row {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 7px;
}
.list-row:hover{ cursor: move; -moz-box-shadow: 0 0 10px #DDDDDD;  -webkit-box-shadow: 0 0 10px #DDDDDD;  box-shadow: 0 0 10px #DDDDDD; }
.list-row input[type=checkbox]{  display:none;  }
.list-row input[type=checkbox] + label {  }
.list-row input[type=checkbox]:checked + label {  }
.list-row span{line-height: 45px}
.list-row label{ margin: 5px}

/* multiselect form */
.multiSelectAutoDisplaySpace {
    background-color:#ffffff;
    border-radius: 3px;  border:1px solid #d0d0d0;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 9px 11px;
    margin-bottom: 2px;
}
.multiSelectAutoDisplaySpace:empty {  display: none;  }
.multiSelectAutoDisplaySpace ul {  padding:0px;  }
.multiSelectAutoDisplaySpace ul li {list-style-type:none;margin-right:4px;padding:3px 7px;border-radius:3px;background-color: #4DA7E8;color:#ffffff;cursor: pointer;width: max-content;width: -moz-max-content;float: left;margin-top: 3px;}
.multiSelectElement.disabled{background: #8c8c8c;}

.multiSelect-form-control {  padding:3px 3px 0;  border-radius:3px;  border: 1px solid #d0d0d0;  }
.multiSelect-form-control:focus {  border-color: #66AFE9;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);  outline: 0 none;  }

/* venue layouts */
.form-control.transparent{ background-color: transparent; border:none; border-bottom: 1px solid #ffffff; border-radius: 0; color: #ffffff;}
.form-control.transparent:focus{box-shadow: none}
.venue-layout-tickets{display: none}
.venue-layout-title.altoTabSubTitle{ margin-bottom: 0}
.venue-layout-title.altoTabSubTitle button.displayLayout{margin-top: 5px; margin-bottom: 5px}
.venue-layout {
    margin-bottom: 15px;
    overflow-y: scroll;
}
.venue-layout .venue-layout-tickets{ padding: 15px}

/* venue ticket types */
.venue_title, .altoTabSubTitle{background-color:#1d2b36;color:#ffffff;padding:5px;min-height:20px;margin-bottom:20px;padding-left:10px;border-radius:3px;cursor:pointer}
.crossed_group_title .group-name{padding: 0;width: 10%;margin-top: 9px;}
.crossed_group_title .group-name-field{width: 75%;}
.altoTabSubTitleEdit{ margin-right: 20px; display: inline; }
.altoTabSubTitle select { padding: 0 6px; margin-top: 10px; }

#ticket_types_table .venue{overflow: auto; margin-bottom: 25px; padding: 0}
#ticket_types_table .table-responsive{margin-bottom: 28px}
@media all and (max-width:1200px){  #ticket_types_table.form_table table tr td{min-width: 100px}  }
#ticket_types_table .progress {height:18px;}
#ticket_types_table .progress-bar {line-height:unset;}
.form_table form table thead tr th{padding: 0 7px}
.form_table form table thead tr th label{ font: 12px "questrialregular"; text-transform: uppercase}
.form_table form table tbody tr td{padding: 0 5px}
.form_table .select2-container--default .select2-selection--single .select2-selection__arrow b::before{ padding-top: 4px}
.form_table .select2-container--default .select2-selection--single{ padding: 9px 30px 9px 11px}
.total-tickets{ font: 12px "questrialregular"; text-transform: uppercase; padding-right: 20px;}

.input-group input.form-control.with-dropdown{ display: table-cell;}
.input-group button.btn.btn-default.with-dropdown{display: table-cell; margin: 1px 0 0 5px}
.alto-dropdown{display: none; position: absolute; left: 0; z-index: 99; border: 1px solid #d0d0d0; background-color: #ffffff; border-radius: 3px; margin-top: 4px; min-width: 350px; padding: 10px}
.alto-dropdown .dropdown-row{padding: 0 5px 5px 0}
.alto-dropdown .dropdown-row div{ padding: 0 5px}
.alto-dropdown .buttons{ margin-top: 10px}

/* Tickets allocation page */
.white{background-color: #FFFFFF}
.pad{padding: 10px 12px}
.no-pad{padding: 0}
#tickets_labels.labels-block{margin-bottom: 15px; display: flex; flex-wrap: wrap;}
.bar-label {margin-right: 5px; margin-bottom: 5px;}

.venue_name {background-color: #001721; color: #FFFFFF; border-radius: 3px; margin-bottom: 10px}
.venue_name span{ line-height: 35px}

.venue_allocation{ background-color: #FFFFFF; border: 1px solid #DDDDDD; margin-bottom: 10px; padding: 0; }


.control-chart div.canvas span.center{font-size: 12px; top: 68%}
.venue_allocation .summary{padding: 15px 0}
.summary .scoreboard .scoreboard-item{margin-right: 31px}
.summary .control-chart div.chart-legend table tr td{ padding: 0 0 3px}
.summary .control-chart div.chart-legend table tr td.value{ padding-left: 10px}

.venue_allocation .summary .scoreboard .scoreboard-item.title-value.large{width: 14%; white-space: normal}
.venue_allocation .summary .scoreboard .scoreboard-item.title-value.small{width: 6%}

#allocation_summary .agent{border: 1px solid #dddddd; margin-top: 5px; padding: 20px}
#allocation_summary .agent .scoreboard .scoreboard-item.title-value.large{width: 15%; white-space: normal}
.summary .scoreboard .scoreboard-item.control-chart{margin-bottom: 5px}
.title-value p.oc-icon-building::before{color: #e57e1a}
.scoreboard.scoreboard-mini .scoreboard-item.title-value p.venue-default{font-size: 12px}

@media all and (max-width:1450px){
    .venue_allocation .summary .scoreboard .scoreboard-item.title-value.large{width: 150px}
    .venue_allocation .summary .scoreboard .scoreboard-item.title-value.large p.description{font-size: 2vw}
    .venue_allocation .summary .scoreboard .scoreboard-item.title-value.small{width: auto}
    #allocation_summary .agent .scoreboard .scoreboard-item.title-value.large{width: 180px}
}
.venue_allocation .summary .col-lg-1.pull-right{text-align: right}
.title-value  p.oc-icon-ticket::before{ color: #23b7e5}
.title-value  p.oc-icon-bookmark::before{ color: #31ac5f}
.venue_allocation .agents{ display: none; background-color: #f4f4f4; border-bottom: 3px solid #DDDDDD}
.venue_allocation .agents .agent .form-control{margin-top: 5px}
.venue_allocation .agents .agent .buttons button{margin-top: 5px}
.buttons .agent-notification{ display: none}
.scoreboard-mini .title-value p::before{font-size: 16px}
.scoreboard-mini .scoreboard-item.title-value{margin-bottom: 4px}
.scoreboard-mini .scoreboard-item.title-value p{font-size: 16px; line-height: 35px; font-family: "Open Sans",Arial,sans-serif;}
.venue_allocation .agents .agent{padding: 10px 0;  border-bottom: 1px solid #DDDDDD}
.venue_allocation .agents .agent:last-child{border-bottom: none}
.venue_allocation .agents .agent .buttons{padding-top: 25px;}
.btn-history{margin-bottom: 8px; opacity: 0.4}
.btn-save-tour-data[disabled]{ opacity: 0.4}
.venue_allocation .agents .agent .icon-vinyl::before{ margin-right: 8px}
@media all and (max-width:1200px){
    .venue_allocation .agents .agent .buttons{padding-top: 0; margin-bottom: 15px}
}
.btn.btn-secondary{background-color: #dddddd;}
.btn.btn-secondary:hover{background-color: #cccccc;}
.ticketAllocationTable{background-color: #FFFFFF; border: 1px solid #e2e2e2; margin-bottom: 0 }
.align-right{text-align: right}

.ticketAllocationTable tr:not(:first-child){display: none}
.venueTicketDisplaySpace {  font-size:12px;  margin-left:50px;  margin-top:10px;  }


.scoreboard .scoreboard-item.title-value.large p{font-size: 16px; line-height: 30px}
.title-value p {font-size: 18px; font-weight:normal; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.title-value p:before {font-size: 18px;}

/* Summary - Memo tab */
.memo-contaimer{font-size: 12px}
.memo-contaimer .form-control{font-size: 12px; height: 35px; margin:5px 0}
.memo-contaimer .form-control.field-textarea{height: auto}
.row-pad{padding-bottom: 15px}
.memo-contaimer .form-label{ line-height: 40px}
.form-label.subtitle{color: #999999}
.memo-contaimer .row.block-title{border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; padding-bottom: 4px}
.memo-contaimer .col-lg-1, .memo-contaimer .col-lg-2, .memo-contaimer .col-lg-3, .memo-contaimer .col-lg-4, .memo-contaimer .col-lg-5
.memo-contaimer .col-lg-6, .memo-contaimer .col-lg-7, .memo-contaimer .col-lg-8, .memo-contaimer .col-lg-9,
.memo-contaimer .col-lg-10, .memo-contaimer .col-lg-11, .memo-contaimer .row-pad .col-lg-12{ padding-left: 5px; padding-right: 5px}
.memo-contaimer .col-lg-6 .row{ padding-left: 15px}


/* Notes */
.elementNote {
    background-image: url('/plugins/alto/basic/assets/images/note.png');
    background-repeat: no-repeat;
    background-position:center right;
}

[noteitem] {
    cursor:pointer;
}

.note .modal-dialog{ width: 400px}
.note .modal-dialog .modal-content{background: transparent; border: none}
.note .modal-dialog .modal-content .modal-header{background: transparent; text-align: right}
.note .modal-dialog .modal-body{
    background:#fefabc;
    padding:15px;
    font-family: 'Gloria Hallelujah', cursive;
    font-size:15px;
    color: #000;

    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);

    box-shadow: 0 4px 6px #333;
    -moz-box-shadow: 0 4px 6px #333;
    -webkit-box-shadow: 0 4px 6px #333;
}
.note .modal-dialog input{background-color: transparent; border:none; box-shadow: none; border-radius: 0; border-bottom: 1px solid #0f0f0f; height: 35px}
.note .modal-dialog .radio-field label{float: left; width: 100% }
.note .modal-dialog .radio.custom-radio{  float: left; margin: 0}

.warnMessage{color:#DC143C;}

/* Sales */
.show_agent_sales .popover-content {  height: 150px;  overflow-y: scroll;  }
#ticket_agent_table .table-responsive table .table-responsive{max-height: 350px}
.show_agent_sales table.table.data{margin-top: 10px}
.show_agent_sales .sales_history{display: none}


.negativeDiff, .positiveDiff{color:#666666;margin:0;font-size:12px;}
.negativeDiff:before, .positiveDiff:before{color:#e5a91a;font-size:12px}
.negativeDiff:after, .positiveDiff:after{font-size:12px;vertical-align:top;position:relative;top:0px;left:5px}

.negativeDiff{color:#cc3300}
.negativeDiff:after{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f103"}

.positiveDiff{color:#95b753}
.positiveDiff:after{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;content:"\f102"}

.warnMessage{color:#DC143C;}


/* filter datepicker */
.filter-buttons button.btn.btn-block{margin: 0; text-align: center; border-radius: 0}
.filter-scope-date.range.active span.filter-setting{
    background-color: #cc3300;
    border-radius: 4px;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    transition: color 1s ease 0s, background-color 1s ease 0s;
}

/* confirm allocations agents list */
.list-cell-name-alto_show_date_allocation_id{ display: none}
.list-cell-name-agent_ticket_allocation_id{display: none}
.list-cell-name-tour_id{display: none}
.list-cell-name-show_id{display: none}
.list-cell-name-show_date_id{display: none}

/* sales list */
.list-cell-name-contact_entity_id{ display: none}
.list-cell-name-this_show_date_id{ display: none}
.list-cell-name-current_sales.list-cell-type-partial{width: 170px}
.list-cell-name-current_sales .currentSalesSpace{width: 170px; display: inline-block}
.list-cell-name-current_sales.list-cell-type-partial .currentSalesSpace input{width: 70px; float: left}
.list-cell-name-current_sales.list-cell-type-partial .currentSalesSpace button{float: left; margin-top: 2px; margin-left: 4px}
.list-cell-name-current_sales.list-cell-type-partial .success-message{position: absolute; background-color: #2b9854; color: #ffffff; width: 90px; z-index: 999; left: 150px; padding: 10px; border-radius: 2px; display: none;  }

/* Venue Ticket Management - bars */
.bar-label {
    margin-right: 5px;
    margin-bottom: 5px;
}

.label {
    display: inline;
    font-size: 85%;
    font-weight: bold;
    line-height: 1;
    color: rgb(255, 255, 255);
    text-align: center;
    vertical-align: baseline;
    padding: 0.2em 0.6em 0.3em;
    white-space: nowrap;
    border-radius: 0.25em;
    background-color: #777;
}

/* feed mapping - multiselect */
#feed-map .venue .agent{margin-bottom: 10px; border: 1px solid #dddddd; border-bottom: 3px solid #dddddd; padding: 15px}
#feed-map .venue .agent{background-color: #FFFFFF}
#feed-map .venue .agent .show{ line-height: 40px}
#feed-map .venue .agent .tickets .ticket{line-height: 40px}
/* Enabling proper word wrapping on feed maps */
.feedmapSelectPicker {
    white-space: normal;
    box-shadow: none !important;
}
.feedmapSelectPicker:hover{
    background: #FFFFFF;
    background-color: #FFFFFF;
    color: #666666;
}
.ui-multiselect-checkboxes {
    background: #FFFFFF;
    background-color: #FFFFFF;
}
.ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content
.ui-state-focus, .ui-widget-header .ui-state-focus{border: none; background: #4da7e8; color: #ffffff}

.ui-multiselect-checkboxes li label {
    border-radius: 0;
    padding: 3px 3px 6px 21px;
}
.ui-multiselect-checkboxes input {
    margin-right: 8px;
    top: 3px !important;
}
.ui-multiselect-header {
    border-radius: 0;
    border: 0;
    padding: 9px 0 9px 10px !important;
}
.ui-multiselect-header .ui-helper-reset span.ui-icon {
    top: 2px;

}
.ui-multiselect-header .ui-helper-reset span {
    color: #666666;
}

/* presale dates table */
.agentPresaleListTable tbody tr td:first-child{width: 20%}
.noShowTourAgentPresaleMessage{ padding-left:10px;color:#dc143c;  }
.agentPresaleSpace .altoTabSubTitle .select2-container--default .select2-selection--single{height: 30px; padding: 4px 30px 4px 10px}
.agentPresaleListTable tbody tr td{ min-width: 130px}

/* alto-table */
.form_table .alto-table table tbody tr td{padding: 2px 5px}
.alto-table button{margin: 0}
.alto-table table td.date-td{width: 150px}
.alto-table table .field-datepicker{width: 100%}
.col_price:before{
    content: "\f154";
    font-family: FontAwesome;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.alto-table tr.spacer{ height: 15px}

/* lef column frozen table */
.allocation_summary_title{margin-top: 30px}
.frozen-table-wrapper{  overflow-x:scroll;  overflow-y:visible;  margin-left: 210px; margin-top: 20px  }
.frozen-table-wrapper table.table.data.left-frozen tbody tr td,
.frozen-table-wrapper table.table.data.left-frozen tbody tr th{ text-align: center}
.frozen-table-wrapper table.table.data.left-frozen tbody tr th:first-child{text-align: left}
.left-frozen th{  color: #333333;  text-decoration: none;  text-transform: uppercase;  white-space: nowrap;  }
.left-frozen .headcol {  position:absolute;  left: 0;  width: 200px;  }
.left-frozen .free{  }


    /* jquery UI*/
.ui-autocomplete{z-index: 9999} /* multiselects in popups */

/*check and cancel icons */
i.icon-check.positive{color: #5cb85c}
i.icon-cancel4.negative{color: #d9534f}
i.icon-notice.negative{color: #d9534f; font-size: 16px}

/* breadcumb */
.control-breadcrumb li::after { color: #ecf0f1}
.control-breadcrumb ul li:hover a{ color: #fdfdef}

.control-breadcrumb ul li.tours-bc{ background-color: #7266ba;}
.control-breadcrumb ul li.tours-bc::after{border-left: 15px solid #7266ba}
.control-breadcrumb ul li.tours-bc:hover{ background-color: #6255b4}
.control-breadcrumb ul li.tours-bc:hover:after{border-left: 15px solid #6255b4}

.control-breadcrumb ul li.tour-bc{ background-color: #23b7e5}
.control-breadcrumb ul li.tour-bc::after{border-left: 15px solid #23b7e5}
.control-breadcrumb ul li.tour-bc:hover{ background-color: #07a6d7}
.control-breadcrumb ul li.tour-bc:hover:after{border-left: 15px solid #07a6d7}

.control-breadcrumb ul li.addressbook-bc{ background-color: #66ba95}
.control-breadcrumb ul li.addressbook-bc::after{border-left: 15px solid #66ba95}
.control-breadcrumb ul li.addressbook-bc:hover{ background-color: #56ab85}
.control-breadcrumb ul li.addressbook-bc:hover:after{border-left: 15px solid #56ab85}

.control-breadcrumb ul li.contact-bc{ background-color: #ba66b7}
.control-breadcrumb ul li.contact-bc::after{border-left: 15px solid #ba66b7}
.control-breadcrumb ul li.contact-bc:hover{ background-color: #ab57a8}
.control-breadcrumb ul li.contact-bc:hover:after{border-left: 15px solid #ab57a8}

.control-breadcrumb ul li.production-tours-bc{ background-color: #d9306f;}
.control-breadcrumb ul li.production-tours-bc::after{border-left: 15px solid #d9306f}
.control-breadcrumb ul li.production-tours-bc:hover{ background-color: #d80d59}
.control-breadcrumb ul li.production-tours-bc:hover:after{border-left: 15px solid #d80d59}

.control-breadcrumb ul li.calendar-tours-bc{ background-color: #02bcc8;}
.control-breadcrumb ul li.calendar-tours-bc::after{border-left: 15px solid #02bcc8}
.control-breadcrumb ul li.calendar-tours-bc:hover{ background-color: #17a6af}
.control-breadcrumb ul li.calendar-tours-bc:hover:after{border-left: 15px solid #17a6af}


.control-breadcrumb ul li.guestlists-tours-bc{ background-color: #6030d9;}
.control-breadcrumb ul li.guestlists-tours-bc::after{border-left: 15px solid #6030d9}
.control-breadcrumb ul li.guestlists-tours-bc:hover{ background-color: #3e1f8c}
.control-breadcrumb ul li.guestlists-tours-bc:hover:after{border-left: 15px solid #3e1f8c}

.control-breadcrumb ul li.festivals-tours-bc{ background-color: #30d997;}
.control-breadcrumb ul li.festivals-tours-bc::after{border-left: 15px solid #30d997}
.control-breadcrumb ul li.festivals-tours-bc:hover{ background-color: #2bbe85}
.control-breadcrumb ul li.festivals-tours-bc:hover:after{border-left: 15px solid #2bbe85}

.control-breadcrumb ul li.festivals-vendors-bc{ background-color: #f0bc06;}
.control-breadcrumb ul li.festivals-vendors-bc::after{border-left: 15px solid #f0bc06}
.control-breadcrumb ul li.festivals-vendors-bc:hover{ background-color: #e1af03}
.control-breadcrumb ul li.festivals-vendors-bc:hover:after{border-left: 15px solid #e1af03}

.control-breadcrumb ul li.settlements-bc{ background-color: #669bba;}
.control-breadcrumb ul li.settlements-bc::after{border-left: 15px solid #669bba}
.control-breadcrumb ul li.settlements-bc:hover{ background-color: #54839e}
.control-breadcrumb ul li.settlements-bc:hover:after{border-left: 15px solid #54839e}


.lowercase{text-transform: lowercase}
.grey{color: #9da3a7}
.control-breadcrumb a#go-back{position: absolute; right: 20px; top: -22px; text-transform: capitalize}

#allocation_summary tr.agentTicketSummaryRow th.headcol span{  color:#31AC5F;  }
#allocation_summary  tr.agentTicketSummaryRow td {color:#31AC5F;font-weight:bold;}

#allocation_summary tr.ticketSummaryRemainingRow th.headcol span{color:#F25805;}
#allocation_summary  tr.ticketSummaryRemainingRow td {color:#F25805; font-weight:bold;}

.venue-layout-tickets .venueBuildTotals .capacityDisplay {  text-align: right;  padding-right: 18px; }
.venue-layout-tickets .venueBuildTotals .killsDisplay {  text-align: right;  padding-right: 38px; }
.venue-layout-tickets .venueBuildTotals .saleableDisplay {  text-align: right;  padding-right: 38px; }

.alto-grid tr td{padding: 2px 5px}

/* ticket links */
.total_sum td{
    background-color: #EEEEEE !important;
    font-weight: 600 !important;
    color: #1a4580 !important;
}

#productLinkURL {
    word-wrap: break-word;
}

.get-product-link-url {
    width: 100px;
}
/* end ticket links */

/* filterable bootstrap table */
.filterable-table > thead > tr > th{
    text-transform: uppercase;
    padding: 13px 15px !important;
    color: #333333;
    white-space: nowrap;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
}
.dataTables_filter{
    text-align: right;
}
.dataTables_filter > label > input[type="search"]{
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    color: #555;
    background-repeat: no-repeat;
    background-position: right -2px;
    padding-right: 0 !important;
    background-image: url('../../../../../modules/system/assets/ui/images/bitmap-icons.png');
    background-position: right -84px;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    padding: 8px 10px;
}

.filterable .panel-heading .pull-right{ margin-top: -40px}

.dataTables_info{
    font-size: 12px;
    color: #98a7a8;
    white-space: nowrap;
}
.dataTables_length select.input-sm{ line-height: 20px}

@media (max-width: 1300px) {
    .hidden-sales {
        display: none !important;
    }
}

.kv-fileinput-caption{ height: 36px}
.input-group.file-caption-main .input-group-btn .btn{margin-top: 0}

.filterable table .filters #select-all{min-width: 80px;}
.filterable table .filters #select-all:hover{ cursor: pointer}
.filterable table .filters th{font-weight: normal !important;}

/* end filterable bootstrap table */

/* qtip */
.qtip-default{
    background-color: #FFFFff !important;
    border: 1px solid #dddddd !important;

}
.qtip-default h4{ font-size: 14px}
.qtip-default a:hover{ cursor: pointer}

/* end qtip */

/* Production times table */
 .form_table form .timesListTable tbody tr td{padding-bottom: 5px}

input.cancelled-show{color: #985b5b !important}
div.cancelled-show{background-color: #b50101 !important; color: #FFFFff; border: 1px solid #b50101}
div.exception-show{background-color: #2ca676 !important; color: #FFFFff; border: 1px solid #2ca676}

div.tourShowSalesBar,div.internalSalesBar{background:#fff;border-radius:4px;border:1px solid #ccc;top:0;width:100%;padding:3px 7px;margin-bottom:12px; cursor: pointer}
div.rollStatusOne{float:right;font-size:0.8em;font-weight:bold;color:red;padding:2px 5px;}
div.notRoelStatus{float:right;font-size:0.8em;font-weight:bold;padding:2px 5px;}


/* spinner icons */
@keyframes anim-rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.spinner {
    display: inline-block;
    font-size:4em;
    height: 1em;
    line-height: 1;
    margin: .5em;
    animation: anim-rotate 2s infinite linear;
    color: #fff;
    text-shadow: 0 0 .25em rgba(255,255,255, .3);
}
.spinner--steps {
    animation: anim-rotate 1s infinite steps(8);
}
.spinner--steps2 {
    animation: anim-rotate 1s infinite steps(12);
}

.spinner-black {
    display: inline-block;
    font-size:4em;
    height: 1em;
    line-height: 1;
    margin: .5em;
    animation: anim-rotate 2s infinite linear;
    color: #333;
    text-shadow: 0 0 .25em rgba(255,255,255, .3);
}

/* end of spinner icons */
.reminder-loading{ color: #333; width: 100%; text-align: center}

/* Guestlists */

.allocations{ background-color: #FFFFFF; border: 1px solid #DDDDDD; margin-bottom: 10px; padding: 0; }

.scoreboard-item.control-chart div.canvas span.center{font-size: 12px; top: 68%}
.allocations .guestlist-summary{padding: 0}
.guestlist-summary .scoreboard .scoreboard-item{margin-right: 31px; margin-bottom: 0; vertical-align: middle}
.guestlist-summary .control-chart div.chart-legend table tr td{ padding: 0 0 3px}
.guestlist-summary .control-chart div.chart-legend table tr td.value{ padding-left: 10px}

.allocations .guestlist-summary .scoreboard .scoreboard-item.title-value.large{width: 14%; white-space: normal}
.allocations .guestlist-summary .scoreboard .scoreboard-item.title-value.small{width: 6%}

#allocation_guestlist-summary .agent{border: 1px solid #dddddd; margin-top: 5px; padding: 20px}
#allocation_guestlist-summary .agent .scoreboard .scoreboard-item.title-value.large{width: 15%; white-space: normal}
.guestlist-summary .scoreboard .scoreboard-item.control-chart{margin-bottom: 5px}
.title-value p.icon-clipboard3::before{color: #e57e1a; padding-right: 5px}
.ticket-allocation .btn{ margin-top: 5px}

.scoreboard.scoreboard-mini .scoreboard-item.title-value p.venue-default{font-size: 12px}

.guestlist-title{padding: 4px 15px; color: #a0a0a0}

@media all and (max-width:1450px){
    .allocations .guestlist-summary .scoreboard .scoreboard-item.title-value.large{width: 150px}
    .allocations .guestlist-summary .scoreboard .scoreboard-item.title-value.large p.description{font-size: 2vw}
    .allocations .guestlist-summary .scoreboard .scoreboard-item.title-value.small{width: auto}
    #allocation_guestlist-summary .agent .scoreboard .scoreboard-item.title-value.large{width: 180px}
}
.allocations .guestlist-summary .col-lg-1.pull-right{text-align: right}
.title-value  p.oc-icon-ticket::before{ color: #23b7e5}
.title-value  p.oc-icon-bookmark::before{ color: #31ac5f}
.allocations .guestlists{background-color: #f4f4f4; border-bottom: 3px solid #DDDDDD}
.allocations .guestlists .guestlist .form-control{margin-top: 3px}
.allocations .guestlists .guestlist .buttons button{margin-top: 3px}
.scoreboard-mini .title-value p::before{font-size: 16px}
.scoreboard-mini .scoreboard-item.title-value{margin-bottom: 4px}
.scoreboard-mini .scoreboard-item.title-value p{font-size: 16px; line-height: 35px; font-family: "Open Sans",Arial,sans-serif;}
.allocations .guestlists .guestlist{padding: 0;}
.allocations .guestlists .guestlist:last-child{border-bottom: none}
.allocations .guestlists .guestlist .buttons{padding-top: 25px;}
.btn-history{margin-bottom: 8px; opacity: 0.4}
.btn-save-tour-data[disabled]{ opacity: 0.4}
.allocations .guestlists .guestlist .icon-vinyl::before{ margin-right: 8px}
.allocations .btns-saveall{ margin: 10px 0 10px 0}
@media all and (max-width:1200px){
    .allocations .guestlists .guestlist .buttons{padding-top: 0; margin-bottom: 15px}
}

table.table.data tbody tr.lightgrey td,table.table.data tbody tr.lightgrey th,table.table.data tbody tr.lightgrey td a,table.table.data tbody tr.lightgrey th a{color:#cccccc}

/* Artists tab */
.artistTitle{ cursor: pointer}
.artistTitle:hover{  filter: brightness(85%);  }
/* end Artists tab*/

/* festival vendor revenue */
tr.date_totals_row{background-color: #f8efbb}
tr.vendor_totals_row{background-color: #b7ecf7}
tr.pitch_totals_row{background-color: #f7b7f6}
/* end festival vendor revenue */

/*festival vendor revenue charts */
.control-chart div.canvas span.center{font-size: 150%; top: 60%}
/* end festival vendor revenue charts */


/* Budget Module */
#new-show-venue{ display: none; background-color: #FFFFFF; position: relative}
#new-show-venue{border: 2px solid #ddd; margin-top: 20px; }
#new-show-venue .head{ position: absolute; display: block; top: 10px; right: 15px; z-index: 100}

.button-icon{
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}
.button-icon:hover{ color: #1681ba}
.button-icon p{ font-size: 45px; width: 100%}
.button-icon span{ display: inline-block; width: 100%}
#venues{ margin-top: 30px}
#venues .list-row{
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 7px;
}
#venues .list-row .col{ line-height: 35px}
#venues .list-row span{line-height: normal}
#venues .list-row span.icon-move-vertical{font-size:15px; padding-right: 10px}
.resultLookUp {
    position: absolute;
    z-index: 999;
    display: block;
    outline: none;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}
.resultLookUp .entityLookupVal:hover{  cursor: pointer;}
#clon-show-list .radio + .radio, .checkbox + .checkbox {  margin-top: 0;  }
/* End Budget Module */

/** default form styles to reduce spacing */
.form-group, .form-group.layout-item {  padding-bottom: 10px;  }
label {margin-bottom: 3px;}
.form-group.span-full h4{ margin-top: 5px; margin-bottom: 0}
.form-group.span-span3{float:left;width:25%; padding-right: 2.33%}
.form-group.span-span3:last-child { padding-right: 0 !important; }
.form-group.span-span4{float:left;width:33%; padding-right: 2.33%}
.form-group.span-span4:last-child { padding-right: 0 !important; }
.vendorType{color: #fff;}
/*New styles for the Artists tab*/
.filter-hide{opacity: 0;visibility: hidden;}
.filter-hide-display{display: none;}
.align-center{float: none;margin: 0 auto;}
.font-weight-bold{font-weight: bold;}
.custom-spinner{background: url('/plugins/alto/events/assets/imgs/custom_spinner.gif') center / 2% no-repeat #80808061;width: 100%;height:100%;position: absolute;top:0;left: 0;z-index: 20;pointer-events: none;}
.bradius-input-4 input,.bradius-4{border-radius: 4px;}
.bradius-input-4 .input-group input.form-control.isPriceNoBtn,.stage-artist .slide-container .input-group input.form-control{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.bradius-input-4 .input-group .bootstrap-touchspin-prefix,.stage-artist .input-group .bootstrap-touchspin-prefix{border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.stage-artist.col-lg-12.ui-state-default.js-drag.main-act{border: 1px solid gold;border-radius: 4px;}
.height-0{height: 0;}
.container-fluid .ui-state-default .stage-box .ui-artist-drag{border: 1px solid #4db9f9;border-radius: 7px;}
.container-fluid .ui-state-default .stage-box .ui-artist-conflict .onstage-offstage-box, .container-fluid .ui-state-default .stage-box .ui-artist-conflict .onstage-offstage-box input{color: #cc4b48;}
.container-fluid .ui-state-default .stage-box .ui-artist-conflict, .container-fluid .ui-state-default .stage-box .ui-artist-conflict .onstage-offstage-box input{border: 1px solid #cc4b48;border-radius: 7px;}
#disabled{pointer-events: none;background-color: #eeeeee;}
.highlight{border: 1px solid #e61427;color: #e61427;}
.pointer-events-none{pointer-events: none;}
#offerForm .form-control[readonly]:not(#performance-time){cursor: pointer;background-color: #FFFFFF;}
#offerForm .form-group.span-left,#offerForm .form-group.span-right{width: 100%;}
.grid-containers .draft, #offerForm .draft {background: #a9a9a9;color: #fff;}
.grid-containers .offer-issued, #offerForm .offer-issued{background: #ecd63d;color: #fff;}
.grid-containers .offer-rejected, #offerForm .offer-rejected{background: #ff3838;color: #fff;}
.grid-containers .offer-rejected-renegotiate, #offerForm .offer-rejected-renegotiate{background: #f9a424;color: #fff;}
.grid-containers .offer-confirmed, #offerForm .offer-confirmed{background: #39de37;color: #fff;}
.grid-containers .legal-reviewing, #offerForm .legal-reviewing{background: #39d8e0;color: #fff;}
.grid-containers .awaiting-countersigned, #offerForm .awaiting-countersigned{background: #e83dd3;color: #fff;}
.grid-containers .management-override, #offerForm .management-override{background: #3c39e0;color: #fff;}
.grid-containers .fully-signed, #offerForm .fully-signed{background: #e20169;color: #fff;}
.hide-ticket-manifest-container{max-height: 465px;overflow-y: scroll;}
.disabled-box{pointer-events: none;opacity: 0.6;}
.disabled-input{pointer-events: none;background-color: #eeeeee;}
.layout-row .control-tabs > ul.nav-tabs > li .tab-disabled{color: #ff000075;pointer-events: none;}
.layout-row .control-tabs > ul.nav-tabs > li .tab-disabled .title:before{border-left: 2px solid #ff000075;border-top: 2px solid #ff000075;}
.layout-row .control-tabs > ul.nav-tabs > li .tab-disabled .title:after{border-right: 2px solid #ff000075;border-top: 2px solid #ff000075;}
.layout-row .control-tabs > ul.nav-tabs > li .tab-disabled .title span{border-top: 2px solid transparent;}
.festival-custom-select{border-color: #ccc7c7;padding: 7px 0;width: 100%;max-width: 180px;text-align: right;border-radius: 4px;}
.comps-status-box .festival-custom-select{transition: all .4s ease-in-out;width: 50%;min-width: unset;min-height: 37px;}
.stage-head{background-color: #1d2b36;color: #ffffff;padding: 5px;min-height: 20px;padding-left: 10px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.proposed-artists .stage-head .text-left{pointer-events: none;}
.container-fluid.grid-containers .all-stages .stage-body{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.sortable .stage-head{cursor: all-scroll;}
.container-fluid.grid-containers .ui-state-default{border: 0;margin-bottom: 20px;padding: 6px 12px;}
.container-fluid.grid-containers .stage-body{border: 1px solid #c5c5c5;}
.container-fluid.grid-containers .stage-body .sortable{transition: all 0.3s ease-in-out 0s;padding-top: 11px;padding-left: 5px;padding-right: 5px;}
.stage-head .hide-stage .icon-minus-sign, .stage-head .hide-stage .icon-plus-sign, .stage-head .hide-proposed-box .icon-minus-sign, .stage-head .hide-proposed-box .icon-plus-sign{cursor: pointer;}
.all-stages .onstage-offstage-box {z-index: 2;}
.all-stages .onstage-offstage-box div{width: 31%;margin-right: 5px;}
.all-stages .agency-agent-box input,.all-stages .comps-status-box input{width: 48%;}
.container-fluid.grid-containers .all-stages .stage-artist{transition: opacity .3s ease-in-out;max-height: 57px;overflow: hidden;}
.container-fluid.grid-containers .all-stages .stage-artist:hover{cursor: move;}
.container-fluid.grid-containers .all-stages .stage-artist .onstage-offstage-box .form-control-feedback{right: -80px;top:-30px; position: relative;}
.container-fluid.grid-containers .all-stages .stage-artist-move,.container-fluid.grid-containers .all-stages .stage-move{position: absolute;top: -7px;left: -6px;z-index: 10;color: #adadad;font-size: 14px;}
.container-fluid.grid-containers .all-stages .close, .comp-tickets-box .close{transition: all .4s ease-in-out;font-size: 37px;color: #ff0000;opacity: 0.6;}
.container-fluid.grid-containers .all-stages .close, .comp-tickets-prices .close{transition: all .4s ease-in-out;font-size: 35px;color: #ff0000;opacity: 0.6;}
.container-fluid.grid-containers .all-stages .close:hover, .comp-tickets-box .close:hover{opacity: 1;}
.container-fluid.grid-containers .all-stages .sortable .boxes-hide{margin-top: -59px;}
.container-fluid.grid-containers .all-stages .stage-subTotal{font-weight: bold;}
.container-fluid.grid-containers .all-stages .elementNote{background-image: unset;}
.container-fluid.grid-containers .all-stages .over-budget label, .container-fluid.grid-containers .all-stages .over-budget input,.all-stages .over-budget span, .filter-header .over-budget input, .filter-header .over-budget label, .filter-header .over-budget span{color: #cc4b48;}
.container-fluid.grid-containers .all-stages .over-budget .input-group-addon,.container-fluid.grid-containers .all-stages .over-budget input, .filter-header .over-budget input, .filter-header .over-budget .input-group-addon{border: 1px solid #cc4b48;}
.container-fluid.grid-containers .all-stages .slide-notification, .filter-header .slide-notification{min-width: 150px;background: #fff;height: 100%;position: absolute;right: 130px;border-radius: 4px;text-align: center;padding: 8px;border: 1px solid #cc4b485e;border-width: 1px;border-style: solid;border-color:#cc4b485e; font-weight: bold;opacity: 0;visibility: hidden; color: #cc4b48;}
.container-fluid.grid-containers .all-stages .slide-notification .arrow-left, .filter-header .slide-notification .arrow-left{position: absolute;left: -10px;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right:10px solid #cc4b48;}
.container-fluid.grid-containers .all-stages .slide-notification-show, .filter-header .slide-notification-show{right: -127px;opacity: 1;visibility: visible;z-index: 1;}
.container-fluid.grid-containers .all-stages .stage-body-hide{height: 0;overflow-y: hidden;}
.container-fluid.grid-containers .all-stages .slide-container{margin-top: 12px;margin-bottom: 5px;}
.container-fluid.grid-containers .all-stages .slide-container[data-proposed-artist="1"]{margin-top: 2px;}
.container-fluid.grid-containers .all-stages .stage-artist .slide-container,.bradius-input-4 .isPriceNoBtn, .subTotal-container label,
.subTotal-container span,.slide-notification, .filter-header .slide-notification, .changeover-container,#offerForm select,#offerForm input{transition: all .4s ease-in-out;}
.container-fluid.grid-containers .all-stages .stage-artist .changeover-container.hide-changeover{margin-top: -28px;opacity: 0;pointer-events: none;z-index: 1;}
.container-fluid.grid-containers .all-stages .changeover-container{height: 39px;margin-top: 2px;padding-left: 3px;opacity: 1;width: 253px;}
.container-fluid.grid-containers .all-stages .changeover-container .changeover-time .changeover-image-1{width: 14px;margin-top: -1px;transform: rotate(-180deg);}
.container-fluid.grid-containers .all-stages .changeover-container .changeover-time .changeover-image-2{width: 14px;transform: scaleX(-1);}
.container-fluid.grid-containers .all-stages .changeover-container .changeover-time .changeover-image-container{width: 100%;max-width: 20px;float: left;}
.container-fluid.grid-containers .all-stages .changeover-container .changeover-time label[for='changeover-input']{padding-top: 3px;}
.container-fluid.grid-containers .all-stages .changeover-container .changeover-time input{padding-left: 7px;border: 1px solid #d1d6d9;border-radius: 3px;max-width: 80px;}
.container-fluid.grid-containers .all-stages .stage-artist.changeover-space{max-height: 90px;margin-bottom: 1px;}
.container-fluid.grid-containers .all-stages .stage-artist.changeover-space .slide-container[data-proposed-artist="1"]{display: none;}
.stage.col-lg-12.p-0.ui-state-default.ui-sortable-placeholder{height: 150px;}
.artist-field-label{position: absolute;top: -18px;}
.filter-header .input-group-btn-vertical{display: none;}
.filter .dropdown-item .custom-tickbox{width: 14px;height: 13px;border: 1px solid #000;display: inline-block;margin-right: 1px;position: relative;}
.filter .dropdown-item .custom-tickbox .icon-tick:not(.hide){position: absolute;top: -4px;left: -1px;display: inline-block;}
.open-btn-box{padding-left: 6px;text-align: center;padding-right: 0;}
.open-btn-box a{padding: 9px 13px;}
.open-btn-box button{padding-left: 3px;}
#offer-versions-tab table.table.data tbody td, table.table.data tbody th{padding: 8px;}
.layout-row .allowScroll{overflow-x: scroll;overflow-y: scroll;}
/*Artists tab styles end*/
/** default form styles to reduce spacing */

.copromotersTable .timesListTable tfoot tr td{
    text-align: right;
    padding: 4px 68px 0 0;
    border-top: 1px solid #dddd;
}
.red{ color: red !important;}
.green{ color: green !important;}
.bordered-box{border: 1px solid #e3e3e3; background-color: #f5f5f5; padding: 15px; margin-bottom: 15px}
.list-row .select2 span, .list-row.row .input-group span{ line-height: normal}
#boxoffice_shows .list-row .show_boxoffice{ background-color: #fff; border-top: 3px solid #e5e5e5; padding-top: 15px;}
#boxoffice_shows .list-row .show_boxoffice .venue{ padding: 10px}
#boxoffice_shows .show_tickets_table{ width: 100%}
#boxoffice_shows .venue-ticket .ticket_tag{ min-width: 95px}
#boxoffice_shows .venue-ticket .venue_kills{ min-width: 90px}
#boxoffice_shows .venue-ticket .budget_comps{ min-width: 90px}
#boxoffice_shows .venue-ticket .budget_kills{ min-width: 70px}
#boxoffice_shows .venue-ticket .price_level{ min-width: 55px}
#boxoffice_shows .venue-ticket .unit_price{ min-width: 130px}
#boxoffice_shows .venue-ticket .venue_percent{ min-width: 110px}
#boxoffice_shows .venue-ticket .projected_percent{ min-width: 130px}
#boxoffice_shows .venue-ticket .gross, #boxoffice_shows .venue-ticket .gross_net{ min-width: 140px}
#boxoffice_shows .show_boxoffice .show_tickets_table tfoot tr td{
    text-align: right;
    padding: 4px 38px 0 0;
    border-top: 1px solid #dddd;
    vertical-align: top;
}
#boxoffice_shows .show_boxoffice .show_tickets_table tfoot tr td.total_available_cap,
#boxoffice_shows .show_boxoffice .show_tickets_table tfoot tr td.total_budget_kills,
#boxoffice_shows .show_boxoffice .show_tickets_table tfoot tr td.total_gross,
#boxoffice_shows .show_boxoffice .show_tickets_table tfoot tr td.total_gross_net{ padding: 4px 10px 0 0}
#boxoffice_shows .input-group-addon{ padding: 8px}
.m-b-20{margin-bottom: 20px;}

/* Expenses tab */
.panel.collapsible-panel{ padding: 0}
.clickable{cursor: pointer;}
.panel-heading span {margin-top: -20px;font-size: 15px;}
.panel.collapsible-panel.panel-primary .panel-body{ display: none}
#saveEventVersionExpenses table.sticky-enabled tbody th{color:#000000;}
#newExpenseRow{z-index:5000;}

/* left multiple column frozen table */
.multiple-frozen-table-wrapper{margin-top: 20px; padding-right: 40px; position: relative; overflow: hidden; font-size: 0.8em}
.multiple-frozen-table-wrapper table.left-multiple-frozen{ border: 1px solid #dddddd; width: 100% }
.multiple-frozen-table-wrapper table.left-multiple-frozen tbody tr td{ padding: 4px 10px; height: 48px; border-top: none; border-bottom: none; }
.multiple-frozen-table-wrapper table.left-multiple-frozen tbody tr td span.title{vertical-align: -moz-middle-with-baseline; vertical-align: middle}
.multiple-frozen-table-wrapper table.left-multiple-frozen tbody tr td span.title.category{text-transform: uppercase}
.multiple-frozen-table-wrapper table.left-multiple-frozen tbody tr.block-title td{ background-color: #b3b3b3}
.multiple-frozen-table-wrapper table.left-multiple-frozen tbody tr.block-subtotal td{ background-color: #b3b3b3; border-bottom: 2px solid #FFFFFF}

.multiple-frozen-table-wrapper .sticky-wrap td:nth-of-type(odd){ background-color:#f5f5f5  }

.multiple-frozen-table-wrapper .sticky-wrap{ width: auto; margin: 0}
.multiple-frozen-table-wrapper .sticky-wrap tr th.headcol1{ min-width: 42px !important; width: 42px !important;}
.multiple-frozen-table-wrapper .sticky-wrap tr th.headcol2{ min-width: 184px !important; width: 184px !important;}
.multiple-frozen-table-wrapper .sticky-wrap tr th.headcol2 span{ width: 140px; display: block}
.multiple-frozen-table-wrapper .sticky-wrap tr th.headcol3{ min-width: 164px !important; width: 164px !important;}
.multiple-frozen-table-wrapper .sticky-wrap tr th.headcol3 .input-group.bootstrap-touchspin{ width: 150px}
.multiple-frozen-table-wrapper .sticky-wrap tr th.headcol4{ min-width: 130px !important;  width: 130px !important;}
.multiple-frozen-table-wrapper .sticky-wrap td.free{min-width: 166px}
/* Apply the 20px top border only to the first row */
.multiple-frozen-table-wrapper .sticky-wrap tr.venue-attribute th,
.multiple-frozen-table-wrapper .sticky-wrap tr.venue-attribute td{ border-top: 20px solid #FFFFFF}
.multiple-frozen-table-wrapper .sticky-wrap tr.venue-attribute th{background-color: #e4f7d9}
.multiple-frozen-table-wrapper .sticky-wrap tr.venue-attribute ~ tr.venue-attribute th,
.multiple-frozen-table-wrapper .sticky-wrap tr.venue-attribute ~ tr.venue-attribute td { border: none}

.multiple-frozen-table-wrapper .sticky-wrap tr.venue-attribute.green-block th{background-color: #e4f7d9}
.multiple-frozen-table-wrapper .sticky-wrap tr.venue-attribute.purple-block th{background-color: #e9d9f7}
.multiple-frozen-table-wrapper .sticky-wrap tr.venue-attribute.yellow-block th{background-color: #f7f7d9}
.multiple-frozen-table-wrapper .sticky-wrap tr.venue-attribute.orange-block th{background-color: #f7e8d9}

table.table.data.green-block tbody tr td:first-child{background-color: #e4f7d9}
table.table.data.purple-block tbody tr td:first-child{background-color: #e9d9f7}
table.table.data.yellow-block tbody tr td:first-child{background-color: #f7f7d9}
table.table.data.orange-block tbody tr td:first-child{background-color: #f7e8d9}

.multiple-frozen-table-wrapper .sticky-wrap .input-group-addon{ padding: 8px}
.multiple-frozen-table-wrapper .sticky-wrap .sticky-col thead tr th{ background-color: #666}
.multiple-frozen-table-wrapper .sticky-wrap .input-group-btn-vertical{ display: none}

.multiple-frozen-table-wrapper .sticky-wrap .stickytable tr.block-title th,
.multiple-frozen-table-wrapper .sticky-wrap .sticky-col tr.block-title th{ background-color: #c0e4f6}
.multiple-frozen-table-wrapper .sticky-wrap .stickytable tr.block-title th .title.category,
.multiple-frozen-table-wrapper .sticky-wrap .sticky-col tr.block-title th .title.category{ text-transform: uppercase}
.multiple-frozen-table-wrapper .sticky-wrap .stickytable tr td.disabled{ background-color: #f5f5f5}
.multiple-frozen-table-wrapper .sticky-wrap .stickytable tr td.active{ background-color: #FFFFFF}
.multiple-frozen-table-wrapper .form-control{ font-size: 1em}
.paddles {}
.paddle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2em;
    z-index: 1000;
}
.left-paddle {left: 479px}
.right-paddle {right: 0}
.paddles .paddle-push{left: 482px;}
.sticky-header {position: fixed;top: 0; width: 100%; background-color: #FFFFff; z-index: 1000}
.border-bottom-grey{border-bottom: 1px solid #808080;}
#expenses-floating-summary .status-box .altoTabSubTitle{margin-bottom: 9px;}
#expenses-floating-summary .status-box .buttons button{text-align: center;}
.floating-row{ position: fixed; right: 5px; top: 50px; z-index: 1200; }
.floating-row#expenses-floating-summary{
    display: none;
    top: 30px;
    background-color: #FFFFff;
    border: 1px solid #dddddd;
    padding: 15px;
    margin-top: 20px;
    -webkit-box-shadow: 3px 3px 4px 1px rgba(170,170,170,0.57);
    -moz-box-shadow: 3px 3px 4px 1px rgba(170,170,170,0.57);
    box-shadow: 3px 3px 4px 1px rgba(170,170,170,0.57);
}
.floating-button{border-radius: 40px; padding: 8px 12px;}
.floating-button i{font-size: 20px}
.floating-button#display-expense-summary{ background-color: #3e1f8c;}
/* Expenses tab */
/* Budget Module */

/* Forecast Module */
#forecastExpenses .multiple-frozen-table-wrapper .sticky-wrap td.free { min-width: 300px}
.forecast .custom-switch{pointer-events: none;}
/* Avoiding overwriting by storm.css with important */
.overwriteFromBudgetHeader{vertical-align: top !important;}
.overwriteForecastFiguresButton:disabled{color:darkgrey}
/* Expenses tab */
.container-fluid.grid-containers .p-0,div.p-0,.p-0{padding: 0}
.control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:before, .control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:before,
.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:before, .control-tabs.primary-tabs > ul.nav-tabs > li a > span.title:after,
.control-tabs.primary-tabs > div > ul.nav-tabs > li a > span.title:after, .control-tabs.primary-tabs > div > div > ul.nav-tabs > li a > span.title:after{width: 38px;}
div.scoreboard.scoreboard-forecast{position: relative;margin: 30px 0 25px 15px;background-color: #fff;border-radius: 3px;border: 1px solid #7dd8f9;padding: 15px;}
/* Budget Module */

/* Loading ajax indicator */
.loading-indicator-container#loader{
    display: none;
    margin: auto;
    position: fixed;
    z-index: 10499;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

}
.loading-indicator-container#loader .loading-indicator{ background-color: rgba(0,0,0,0.2);}
/* End Loading ajax indicator */

/* dropdown menu */
.dropdown{position: relative;display: inline-block;}
.dropdown-content{display: none;position: fixed;background-color: #f9f9f9;min-width: 70px;min-height: 60px;padding: 12px 16px;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);z-index: 999999;}
.dropdown:hover .dropdown-content {display: block;}

@media all and (max-width:800px) {
    .dropdown-content {
        top: 65px!important;
        background: #333333!important;
        z-index: 99999!important;
        overflow:visible;
        min-width: 90px!important;
        min-height: 170px!important;
    }
    .dropdown-content li {
        margin: 0!important;
        padding: 0!important;
        display: block!important;
        min-width: 90px!important;
        min-height: 90px!important;
    }
}
/* end dropdown menu */
.show_tickets_table .saleable_cap {
    min-width:100px;
}
.white-text {
   color:#ffffff;
}
.margin-left-20 {
    padding-left: 40px;
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.padding-sides-20 {
    padding: 0 20px;
}

div.scoreboard.scoreboard-white {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #7dd8f9;
    padding: 20px 0 0 20px;
}

.modal-vlg {
    width: 1480px;
}

.small-button {
    padding: 4px 15px;
    line-height: 1.2;
}

.width-60 {
    width: 60px !important;
    max-width: 80px;
}
.width-50 {
    width: 50px !important;
}

.width-80 {
    width: 80px !important;
}

.width-100 {
    width: 100px !important;
}

.width-120 {
    width: 120px !important;
}

.width-220 {
    width: 220px !important;
}

table.campaign-table {
    margin-bottom: 0;
}

table.campaign-table > tbody > tr > td {
    padding: 2px;
}

table.campaign-table .form-control,
table.campaign-table .select2-container--default .select2-selection
{
    font-size: 12px;
}

table.campaign-table .input-group-btn-vertical,
#detailViewInfo .scoreboard-item .input-group-btn-vertical {
    display: none;
}

table.campaign-table .input-group-addon,
#detailViewInfo .scoreboard-item .input-group-addon {
    padding: 8px 5px;
}

table.campaign-table .small-button {
    padding: 3px 5px;
    line-height: 1;
    margin-top: 6px
}

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

.add-expense-row-btn {
    margin-bottom: 10px;
}

.grey-background {
    background: #f3f3f3;
}

div.title-value.marketing-title-value h4 {
    margin-bottom: 5px;
}
#slider {
    background: #E8E8E8;
}

.inline-block {
    display: inline-block;
}

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

.ui-slider-handle {
    background: #808080;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}
/* Table at the bottom of Marketing's Summary page */
.marketing-table {
    border: 1px solid #c5c5c5 !important;
    border-collapse: collapse;
}

.marketing-table > thead > tr > th {
    padding: 15px !important;
    color: #ffffff;
    background: #1d2b36;
    white-space: nowrap;
    font-size: 16px;
    border: 1px solid #c5c5c5 !important;
}

.marketing-table > tbody > tr > td {
    border: 0.05em solid #c5c5c5 !important;
}

.marketing-table > thead > tr > th::after {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    margin-left: 8px;
    vertical-align: baseline;
    opacity: 0.2;
    filter: alpha(opacity=20);
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}

.marketing-table.dataTable {
    margin: 0 !important;
}

.marketing-table .first-row-dark,
.marketing-table .last-row-dark {
    background: #c9c9c9 !important;
}

.marketing-table .first-row-light,
.marketing-table .last-row-light {
    background: #cfd9db !important;
}

.dataTables_scrollBody #header-row tr,
.DTFC_LeftBodyLiner #header-row tr,
.DTFC_RightBodyLiner #header-row tr
{
    visibility: collapse !important;
    border: none;
    height:0;
}

.light-grey td {
    background: #ecf0f1 !important;
}

.dark-grey td {
    background: #d6d6d6 !important;
}

table.table.data.table-hover.marketing-table tbody td {
    padding: 5px;
}

#crossed,
#uncrossed {
    cursor: context-menu;
}

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

.padding-right-0 {
    padding-right: 0;
}

.width-50-percent {
    width: 50%;
}

.presale-link {
    text-decoration: underline;
    color: #1991d1;
}

.marketing-summary-tab .custom-radio {
    padding: 0;
}

.marketing-summary-tab .custom-radio label {
    margin-right: 0;
}

.form-inline.summary-key-dates .select2-container--default {
    width: 300px !important;
}

.total-budget-group div.col-md-12.col-lg-12,
.total-budget-group div.col-md-6.col-lg-6
{
    padding-left: 0;
}

#activities-expenses .select2-container--default,
#activities-expenses .select2-selection--multiple .select2-selection__choice {
    border-radius: 3px;
    margin: 3px 0 0 1px;
    padding: 0 2px;
}

.padding-0 {
    padding: 0;
}

#activities-expenses select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

#activities-expenses select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

#activities-expenses select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
#activities-expenses select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

#activities-expenses input[readonly] {
    pointer-events: none;
}

div#activities-expenses .input-with-icon > .icon,
form#add-activity-form .input-with-icon > .icon
{
    padding: 4px;
    font-size: 10px;
}
div#activities-expenses .input-with-icon.right-align input,
form#add-activity-form .input-with-icon.right-align input {
    padding-right: 18px !important;
}

.modal-xlg {
    width: 1280px;
}

.modal-xslg {
    width: 1150px;
}

.close_clone_modal {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    font-family: sans-serif;
    opacity: 0.2;
    text-decoration: none;
}

.bigdrop {
    min-width:120px;
    width: auto!important;
    white-space: nowrap;
}

.event-column .select2-selection__rendered {
    word-wrap: break-word !important;
    text-overflow: inherit !important;
    white-space: normal !important;
}

#activities-expenses .select2-container--default,
#activities-expenses .select2-selection--multiple .select2-selection__choice {
    min-width: 120px !important;
    max-width: 120px !important;
}

td.event-column span.select2.select2-container {
    min-width: 150px !important;
    max-width: 150px !important;
}

.width-150 {
    width: 150px;
}

.preview-cloning-campaign {
    padding: 20px 0 0 20px;
}

.modal-content table.pdf-table {
    width: 1200px;
    font-size: 12px;
    border: 0;
}

.modal-content .pdf-table .header-td,
.modal-content .pdf-table .header-td {
    border: 1px solid #000000;
    width: 100px;
}

.cloned-column {
    border: 1px solid red;
    border-radius: 2px;
}

.cloned-column-spend .input-group.bootstrap-touchspin {
    border: 1px solid red;
    border-radius: 2px;
}

#activity-container-sortable {
    margin-left: 0;
    padding-left: 0;
}

#activity-container-sortable li {
    list-style-type: none;
}

/* backend background logo */
.wn-logo-transparent {
    background-size: 30% auto !important;
}

.azure-login {
    float: left;
    width: 100%;
    margin-top: 30px;
    background-color: #FFFFFF;
    color: #293e53;
    padding: 15px 30px;
}
.azure-login img {
    width: 40px;
    margin-right: 10px;
}

/* Override select style on marketing campaign */
table.campaign-table.table .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin: -2px 7px 1px 8px;
}

/* This fixes the issue of any content loaded via js in hidden tabs not displaying properly */
.tab-content > .tab-pane {
    height:0 !important;
    overflow:hidden !important;
}

.tab-content > .tab-pane.active {
    display: block !important;
    height:auto !important;
}

/* Custom spans */
.form-group.span-w-20 {float:left;width:19%; margin-right: 1%}
.form-group.span-w-10 .custom-switch, .form-group.span-w-10 .field-switch {margin-top: 25px}
.form-group.span-w-15 {float:left;width:14%; margin-right: 1%}
.form-group.span-w-10 {float:left;width:9%; margin-right: 1%}

/* Touchspin overrides */
.touchspin {text-align: right  }

/* Settings */
@media (min-width: 1200px) {
    .sidenav-tree-root .sidenav-tree {
        width:300px;
    }
}

/* Drag and drop functionality css
/* Overriding the default visual for sortable list to remove the black dots on the left */
ul.sortable li {
    list-style-type: none !important;
}
body.dragging, body.dragging * {
    cursor: move !important
}
.dragged {
    position: absolute; opacity: 0.5; z-index: 9000;
}
li.placeholder {
    position: relative;
}

/* Override ballon-selector active colour */
.control-balloon-selector ul li.active {
    background: #16a085 !important;
}