* { box-sizing: border-box; -moz-box-sizing: border-box;}
body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 13px;}

button, input {font-family: 'Open Sans', sans-serif; }

a, button {transition: all .2s ease-in;  -moz-transition: all .2s ease-in; /* Firefox 4 */  -webkit-transition: all .2s ease-in; /* Safari and Chrome */ -o-transition: all .2s ease-in; /* Opera */}

.searchContainer {position: relative; width: 100%; overflow: hidden; }
.searchContainer input { width: 100%; padding: .75em 80px .75em 30px;  background: url(../images/icons/icon-search.png) no-repeat 10px 50% #fff; border: 0; box-sizing: border-box !important; -moz-box-sizing: border-box !important;}
.searchContainer button { position:absolute; top: 0; right:0; bottom: 0; padding: 0 1em;  background: #3bbde3; z-index:1; border: 0; text-transform:none; font-weight: bold; color:#fff; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; box-sizing: border-box !important; -moz-box-sizing: border-box !important;}
    .searchContainer button:hover { background: #1093b9;}

.advancedSearch { text-align: left; padding: .5em 0; }
.advancedSearch a { display: inline-block; color:#7c868d; text-decoration:none; padding: .5em 0; font-size: .8em;}


#mainContainer { width: 100%; top: 50px; bottom: 0; background:#000; position: absolute;}
    #vertical {height: 100%; margin: 0 auto; position: relative;}
    
    #top-pane {}
    div#vertical.k-widget { border: 0 !important;}

    #left-pane {background-color: rgba(233,237,240,.5); }
    #center-pane  {  background-color: rgba(233,237,240,1);}
    #right-pane {background-color: rgba(233,237,240,1); }

    .pane-content {padding: 1em;}

   /******Left Column Styles******/
    .leftMenu { list-style: none; padding: 0; margin: 0; }
        .leftMenu a { display:block; text-decoration: none; padding: 1em .5em; border-bottom: 1px solid; border-color:rgba(233,237,240,1); color:#3bbde3; font-weight: bold;}


        
    

    /****** Grid Styles ******/
    .center-title-container { background: rgba(248,250,251,1); }
        .pageTitle { font-size: 1.5em; padding-top: .4em;}

    .k-grid { border: 0; border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; }
    .k-grid table .k-header { background:#6f7e95; border-right: 1px solid #58647a; border-left: 1px solid #7c8ba6;}
    .k-grid table .k-header a.k-link { font-weight: bold; color:#fff !important; padding: 1em .5em !important; text-transform: uppercase;}
    .k-grid .k-grid-header {background:#6f7e95 !important; }

    .k-grid table tbody tr.k-alt { background:#f8fafb;}
        .k-grid table tbody tr:hover { background: rgba(59,189,227,.1);}
        .k-grid table tbody tr.k-state-selected, .k-grid table tbody tr.k-state-selected:hover { background: rgba(59,189,227,.3); color:#000;}

    .k-grid table tbody td { padding: .5em 1em !important; border-bottom: 1px solid #eef2f5; border: 0 !important;}        

    .k-grid table span.icon { padding-left: 20px; background-repeat:no-repeat;}
    .k-grid table span.icon-folder { background-image: url(../images/icons/folder.png); }
    .k-grid table span.icon-word { background-image: url(../images/icons/fileWord.png); }
    .k-grid table span.icon-excel { background-image: url(../images/icons/fileExcel.png); }
    .k-grid table span.icon-exe { background-image: url(../images/icons/fileExe.png); }
    .k-grid table span.icon-music { background-image: url(../images/icons/fileMusic.png); }
    .k-grid table span.icon-other { background-image: url(../images/icons/fileOther.png); }
    .k-grid table span.icon-pdf { background-image: url(../images/icons/filePDF.png); }
    .k-grid table span.icon-ppt { background-image: url(../images/icons/filePPT.png); }
    .k-grid table span.icon-rtf { background-image: url(../images/icons/fileRTF.png); }
    .k-grid table span.icon-video { background-image: url(../images/icons/fileVideo.png); }
    .k-grid table span.icon-zip { background-image: url(../images/icons/fileZip.png); }


.sectionTitle {font-size: 1.5em; padding: .4em 0 .5em 0; margin-bottom: .5em; border-bottom: 1px solid #abb9bd; }


.paddingH1em { padding: 1em;}


/*******Form Table******/
.formTable { width: 100%; border-collapse: collapse;}
    .formTable tr { border-bottom: 1px solid rgba(233,237,240,1);}
        .formTable tr td:first-child { text-transform: none; font-weight:bold; white-space: pre;}
        .formTable tr td:last-child { width: 100%;}
        .formTable tr td.not-input:last-child { width: 75%;}
        
        .formTable tr td { box-sizing: border-box !important; -moz-box-sizing: border-box !important; }
        .formTable tr td input, .formTable tr td select { width: 100%; border: 0; padding: 1em; box-sizing: border-box; -moz-box-sizing: border-box; }


        .clientType option { color: black; }
        .empty { color: #aeaeae ; }


        .saveMenu { border-top: 1px solid #e1e5e8; padding: 1em; background: rgba(248,250,251,1);}
            .saveMenu::after { content: ""; clear: both; display: block;}
            .saveMenu ul {padding: 0; margin: 0; list-style: none; }
            .saveMenu ul li {display:inline-block}        
            .saveMenu ul li a {  background-color:#3bbde3; color:#fff; margin-right: .5em; text-decoration:none; font-weight: bold; text-transform: none; padding: .5em 1em .5em 1em; border-radius: 4px; -moz-border-radius: 4px; display: block;}
                .saveMenu ul li a:hover {color:#fff; background-color:#1093b9;}

#openPanelNotificationButton { background: url(/images/open-noty-panel.svg) no-repeat center center / auto 16px; display: block; position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: 0; text-indent: -999em; -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease; }
    #openPanelNotificationButton:hover { background: url(/images/open-noty-panel.svg) no-repeat center center / auto 16px #1d3241; }

/* Sidebox */
.sideBox { background: rgba(233,237,240,1); position: fixed; z-index: 2000; min-width:300px; max-width: 600px; height: 100%; top: 0; right: -600px; overflow: hidden; -moz-box-shadow: 0 0 11px -3px #1D3241; -webkit-box-shadow: 0 0 11px -3px #1D3241; box-shadow: 0 0 11px -3px #1D3241; -webkit-transition: all 0.5s 0s ease; transition: all 0.5s 0s ease; }
    .sideBox.expanded { right: 0; }
.close { background: url(/images/close.svg) no-repeat center center / auto 16px; display: block; top: 0; right: 0; width: 40px; height: 40px; border: 0; text-indent: -999em; -moz-border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease; }
    .close:hover { background: url(/images/close.svg) no-repeat center center / auto 16px #1d3241; }
    
/*******stage specifc css ******/
[data-stage-veil]{visibility:hidden !important;}