/*Custom*/
.checkbox input[type=checkbox] { margin-left:0; }
.navbar-collapse { border-top:none; }
hr { border-color:#bbb; }
.jumbotron { background:#fff; }
.remove-logo { position:relative; }
.remove-logo .remove-ico { position:absolute; right:8px; top:7px; color:red; background:none; border:none; }
label [type="radio"],
label [type="checkbox"] { vertical-align:top; margin-top:4px; }

/*Transitions*/
#main .content { 
 -webkit-transition: margin 200ms;
    -moz-transition: margin 200ms;
      -o-transition: margin 200ms;
         transition: margin 200ms;
}
#sidebar { 
 -webkit-transition: width 200ms;
    -moz-transition: width 200ms;
      -o-transition: width 200ms;
         transition: width 200ms;
}
#header .navbar-inverse,
#header ul li a { 
 -webkit-transition: background 200ms;
    -moz-transition: background 200ms;
      -o-transition: background 200ms;
         transition: background 200ms;
}
.btn { 
background-image:none;
 -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
      -o-transition: opacity 200ms;
         transition: opacity 200ms;
}
#modal .frame { 
 -webkit-transition: top 200ms;
    -moz-transition: top 200ms;
      -o-transition: top 200ms;
         transition: top 200ms;
}
#sidebar ul li a { 
 -webkit-transition: padding 200ms;
    -moz-transition: padding 200ms;
      -o-transition: padding 200ms;
         transition: padding 200ms;
}
#header .navbar-brand { 
 -webkit-transition: font-size 200ms;
    -moz-transition: font-size 200ms;
      -o-transition: font-size 200ms;
         transition: font-size 200ms;
}
#sidebar ul ul {
 -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
      -o-transition: all 200ms;
         transition: all 200ms;
}
#sidebar ul li a > span i {
 -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
      -o-transition: all 200ms;
         transition: all 200ms;
}

/*Fonts*/
* { font-family: 'Open Sans', sans-serif; }

/*Expanders*/
.expander { cursor: pointer; }
.expand { display:none; }
.expand.active { display:block; }

.expand-trigger { cursor: pointer; }
.expandable { display:none; }
.expandable.active { display:block; }

/*Btns*/
.btn { font-size:16px; text-shadow:none; box-shadow:none; border:none; padding:7px 25px; font-weight:400; border-radius:2px; }
.btn-md { padding-right:15px; padding-left:15px; }
.btn-sm { padding:2px 15px; }
.btn.btn-default { background:#fff; border:1px solid #ccc; }
.btn.btn-primary { background:#1076f6; }
.btn.btn-success { background:#abd15d; }
.btn.btn-grey { background:#ddd; color:#999; }
.btn:hover { opacity:.9; }
.top-btns .btn { margin-bottom:10px; }
.btn.btn-huge { padding:15px 50px; font-size:16px; }

/*Basics*/
html, body { min-height:100%; background:#fff; }
#container { position:relative; min-height:100%; min-width:320px; position:relative; padding-bottom:60px; }
#container.outer { background:#444 url(/images/structure/bg.jpg) no-repeat center center; background-size:cover; }
h1, h2, h3, h4, h5, h6 { font-weight:300; }
h1 { margin-top:0; padding-top:20px; }
a { color:#1076f6; }

/*Header*/
#header ul { list-style:none; margin:0; padding:0; }
#header ul li { float:right; margin:0; padding:0; }
#header ul li a { display:block; line-height:70px; padding:0 30px; font-size:12px; color:#fff; background:#363b3f; border-left:1px solid #454d51; text-transform:uppercase; }
#header ul li a span { display:inline-block; padding-right:10px; }
#header ul li.name a { font-size:12px; font-weight:300; text-transform:none; }
#header .navbar { border:none; }
#header .navbar-inverse .navbar-toggle { border:none; border-left:1px solid #454d51; background:#1e2224; height:70px; line-height:70px; padding:0 30px; margin:0; font-size:24px; color:#fff; border-radius:0; }
#header .navbar.navbar-inverse { margin-bottom:0; }
#header .navbar-inverse { height:70px; background:#fff; border-radius: 0; }
#header .navbar-brand { position:relative; width:auto; height:auto; margin:0; padding:8px 15px 19px 15px; /*line-height:70px;*/ color:#555; text-shadow:none; font-weight:300; font-size:20px; /*text-transform:uppercase;*/ overflow:hidden; white-space:nowrap; 
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "…"; 
}
#header .navbar-brand img { display:inline-block; height:auto; max-height:45px; max-width:100%; margin-top:-4px; }
#header .navbar-brand small { position:absolute; left:29%; bottom:0; color: #ffffff; display: block; font-size: 11px; text-align: center; }

#header .task-notifications a { position:relative; width:40px; height:40px; line-height:40px; margin:15px; padding:0; background:#f1f1f1; border-radius:6px; text-align:center; border:none; }
#header .task-notifications a i { vertical-align:middle; color:#333; font-size:18px; }
#header .task-notifications a span.badge { position:absolute; left:-9px; top:-5px; padding: 3px 7px; background:#1076f6; }

/*Main*/
#main { min-height:750px; background:#f3f3f4; }
#main .content { padding:20px 25px;  margin-right:0;
 -webkit-transition: margin 200ms;
    -moz-transition: margin 200ms;
      -o-transition: margin 200ms;
         transition: margin 200ms;
}
#main .content.side { margin-left:240px; }
#main .content.activity { margin-right:240px; }
#main .content .container { width:auto; }
#main div.pull-right a.btn, #main div.pull-right button.btn { margin-top:20px; }
#main div.pull-right.top-select button.btn { margin:20px 0 0 30px; }
#main div.pull-right.top-select select { margin-top:20px; height:42px; line-height:42px; }

/*Activity Sidebar*/
#activity-sidebar { position:absolute; right:0; top:70px; bottom:0; width:0; background:#eee; overflow:hidden; color:#666;
	-webkit-box-shadow: inset 3px 0 3px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: inset 3px 0 3px rgba(0, 0, 0, 0.2);
	        box-shadow: inset 3px 0 3px rgba(0, 0, 0, 0.2);
 -webkit-transition: width 200ms;
    -moz-transition: width 200ms;
      -o-transition: width 200ms;
         transition: width 200ms;
}
#activity-sidebar.fixed { position:fixed; top:0; right:0; bottom:0; }
.activity #activity-sidebar { width:240px; }
#activity-sidebar .spacing { padding:15px 20px; }
#activity-sidebar .name { font-weight:bold; font-size:14px; line-height:18px; margin:0 0 15px 0; padding:0 35px 0 0; }
#activity-sidebar textarea { background:#fff; color:#666; font-size:12px; line-height:14px; }
#activity-sidebar .close { position:absolute; left:205px; top:17px; color:#666; font-size:15px; }
#activity-sidebar .close:hover { color:#333; }
#activity-sidebar .note { position:relative; background:#fff; padding:15px; margin-bottom:15px; border-radius:5px; border-top:30px solid #f9f9f9; border-bottom:30px solid #f1f1f1; 
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
#activity-sidebar .note.editing { opacity:.5; }
#activity-sidebar .note .fa-pencil { color:#aaa; position:absolute; top:-20px; right:35px; width:10px; height:10px; line-height:10px; font-size:10px; text-align:center; }
#activity-sidebar .note .fa-pencil:hover { color:#abd15d; }
#activity-sidebar .note .fa-times { color:#aaa; position:absolute; top:-20px; right:10px; width:10px; height:10px; line-height:10px; font-size:10px; text-align:center; }
#activity-sidebar .note .type { color:#aaa; position:absolute; top:-20px; left:10px; width:10px; height:10px; line-height:10px; font-size:10px; text-align:center; }
#activity-sidebar .note .fa-times:hover { color:red; }
#activity-sidebar .note p { margin:0; padding:0; font-size:13px; line-height:17px; color:#666; }
#activity-sidebar .note .n { position:absolute; left:10px; bottom:-20px; font-size:10px; line-height:10px; color:#999; }
#activity-sidebar .note .d { position:absolute; right:10px; bottom:-20px; font-size:10px; line-height:10px; color:#999; text-transform:uppercase; }
#activity-sidebar #project-notes { overflow: auto; }

/*Side Bar*/
#sidebar { position:absolute; left:0; top:70px; bottom:0; width:240px; background:#363b3f; }
#sidebar ul { list-style:none; margin:0; padding:0; }
#sidebar ul li { margin:0; padding:0 0 1px 0; white-space:nowrap; }
#sidebar ul li a { background:#1076f6; display:block; color:#f1f1f1; padding:25px 30px; font-weight:300; font-size:14px; cursor:pointer; }
#sidebar ul li a > i { width:25px; }
#sidebar ul li a span i { float:right; }
#sidebar ul li a:hover { background:#1076f6; }
#sidebar > div > ul > li.active > a { background:#2f2f2f; }
#sidebar > div > ul > li.drop.active > a { background:#1076f6; } /**/
#sidebar > div > ul > li.drop.active > a:hover { background:#1076f6; }
#sidebar .navbar-collapse { padding:0; }
#sidebar ul li * { text-decoration:none; }

/*Subnav*/
#sidebar ul li.drop ul { height:0; overflow:hidden; opacity:0; }
#sidebar ul li.drop ul li { padding:0px; }
#sidebar ul li.drop ul li a { padding:15px 20px; background:none; }
#sidebar ul li.drop ul li a:hover { background:#2f2f2f; }
#sidebar ul li.drop ul li.active a { background:#181a1c; }
#sidebar .navbar-collapse > ul > li.drop.active > a > span i {        
   -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
           transform: rotate(90deg);
}
#sidebar ul li.drop.active ul { height:auto; overflow:hidden; opacity:1; padding-bottom:30px; }

/*Footer*/
#footer { position:absolute; bottom:0; width:100%; background:#fff; border-top:1px solid #ccc; }
#footer p { margin:0; line-height:60px; font-size:13px; font-weight:400; text-align:center; color:#999; }

/*Modal*/
#modal { position:absolute; left:0; top:0; right:0; bottom:0;  }
#modal .frame { position:relative; top:100px; margin:0 auto; max-width:90%; width:300px; background:#fff; background:rgba(255,255,255,.7); 
     -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	         box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	-webkit-border-radius: 2px; 
       -moz-border-radius: 2px; 
	     -o-border-radius: 2px; 
	        border-radius: 2px; 
}
#modal .top { background:#363b3f; padding:20px 0; 
	-webkit-border-radius: 2px 2px 0 0; 
       -moz-border-radius: 2px 2px 0 0; 
	     -o-border-radius: 2px 2px 0 0; 
	        border-radius: 2px 2px 0 0; 
}
#modal .top * { margin:0; color:#fff; font-size:20px; text-transform:uppercase; text-align:center; }
#modal .inner { padding:15px 30px; }

/*Alerts*/
.validation-summary-errors ul { list-style:none; margin:0; padding:0; background:#F58F8D;
	-webkit-border-radius: 2px; 
       -moz-border-radius: 2px; 
	     -o-border-radius: 2px; 
	        border-radius: 2px;
}
.validation-summary-errors ul li { color:#682B2A; padding:0 15px; }
.validation-summary-errors ul li:first-child { padding-top:15px; }
.validation-summary-errors ul li:last-child { padding-bottom:15px; margin:15px 0; }
.validation-summary-errors.alert-success ul li { background:#c8e5bc; color:#3c763d; }
.alert { padding:15px; margin:15px 0; border:none; border-radius:2px; box-shadow:none; }
.alert.alert-info { background:#b9def0; }
.alert.alert-danger { background:#dca7a7; }
.alert.alert-success { background:#c8e5bc; }

/*Tip*/
.tip-holder { position:relative; font-size:12px; font-family:Arial; z-index:100; }
.tip-holder div { position:absolute; left:-175px; bottom:20px; width:350px; padding:20px; background:#fff; border-radius:2px; white-space:normal;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.tip-holder div.sm { padding:10px; text-align:center; }
tr:first-child td .tip-holder div,
tr:nth-child(1) td .tip-holder div { top:5px; bottom:auto; }
th .tip-holder div { top:20px; bottom:auto; }
tr td:first-child .tip-holder div { left:0 !important; }
tr td:last-child .tip-holder div { left:auto !important; right:0 !important; }

/*Bootstrap Tooltip*/
.tooltip-inner  {
    white-space:pre-wrap;
    max-width:250px;
}

/*Tables*/
table.table { width:100%; background:#fff; }
table.table tr th { padding:10px; border-top:4px solid #e7eaec; border-bottom:1px solid #e7eaec; font-size:14px; font-weight:600; color:#676A6C; white-space:nowrap; }
table.table tr td { padding:10px; font-weight:300; font-size:13px; line-height:22px; color:#555; font-weight:400; }
table.table tr td:last-child form { text-align:right; white-space:nowrap; }
table.table .table-btns { text-align:right; white-space:nowrap; }
table.table th[data-sort] { position:relative; padding-left:22px; padding-right:15px; cursor:pointer; }
table.table th[data-sort] .fa-sort { color: #333333; margin-right: 5px; }
table.table th[data-sort] .fa-sort-down,
table.table th[data-sort] .fa-sort-up { display: none; margin-right: 5px; }
table.table th[data-sort].desc .fa-sort,
table.table th[data-sort].asc .fa-sort { display: none; }
table.table th[data-sort].desc .fa-sort-down { display: inline-block; color: #666; }
table.table th[data-sort].asc .fa-sort-up { display: inline-block; color: #666; }
table.table .edit { margin:0 0 0 16px; color:#abd15d; font-size:17px; border:none; background:none; }
table.table .info { margin:0 0 0 16px; color:#5278be; font-size:15px; border:none; background:none; }
table.table .view { margin:0 0 0 16px; color:#f0b310; font-size:15px; border:none; background:none; }
table.table .toggle { margin:0 0 0 16px; color:#000000; font-size:15px; border:none; background:none; }
table.table .delete { margin:0 0 0 16px; padding:0; color:#d9534f; font-size:17px; border:none; background:none; }
table.table .grey { color:#ccc !important; }
table.table .table-btns a:last-child { margin-right:8px; }
table.table tr.green td { background:#E4F4Dd !important;}
table.table tr td.project-notes-target:hover,
table.table tr td.project-notes-target:hover td,
table.table tr.blue td { background: #d9edf7 !important }
table.table tr.red td { background:#fadada !important; }
table.table tr.gold td { background:#FFF9E2 !important; }
table.table tr.opac { opacity:.4; }
table.table tr.ispartner td:first-child { border-left:8px solid #1076f6; }

/*Responsive Tables*/
.table-responsive { overflow:auto; width:100%; }
.table-responsive .responsive-th { padding:5px !important; border:none !important; border-left:1px solid #ccc !important; }
.table-responsive .responsive-td { padding:5px !important; border:none !important; border-right:1px solid #ccc !important; }
.table-responsive .responsive-first .responsive-th { border-top:1px solid #ccc !important; }
.table-responsive .responsive-first .responsive-td { border-top:1px solid #ccc !important; }
.table-responsive .responsive-last .responsive-th { border-bottom:5px solid #ccc !important; }
.table-responsive .responsive-last .responsive-td { border-bottom:5px solid #ccc !important; }    
.table-responsive .responsive-alt .responsive-th { border-color:#ccc !important; }
.table-responsive .responsive-alt .responsive-td { border-color:#ccc !important; }
.table-responsive .btn a { font-size:14px !important; padding: 5px 20px !important; }    
.table-responsive .responsive-th *,
.table-responsive .responsive-td * { white-space:normal !important; }

/*Pills*/
.tags-container { margin-top:5px; background:#f9f9f9; padding:5px 5px 0 5px; border-radius:5px; border:1px solid #eee; }
.tags-container .btn { margin-bottom:5px; }
.tags-container .btn i:hover { color:red; cursor:pointer; }

/*Pagination*/
#pagination { display:table; width:100%; padding:0 15px 20px 0; }
#pagination .btn-group { float:right; }
#main #pagination .btn { margin:1px; padding:4px 13px; margin-bottom:2px; }
#pagination .btn:hover,
#pagination .btn.active { background:#1076f6; border-color:#1076f6; color:#fff; box-shadow:none; }

/*Forms*/
.form-control { border-radius:6px; padding:10px 15px; line-height:40px; height:40px; }
.text-danger { font-size:12px; font-weight:400; }
.radio-inline+.radio-inline, 
.checkbox-inline+.checkbox-inline { margin-left:0; }
.radio-inline, 
.checkbox-inline { margin-right:10px; }
.input-group-btn .btn { padding-top:6px; padding-bottom:6px; }
#main .form-horizontal { padding:15px 25px; background:#fff; border-top:4px solid #e7eaec; border-bottom:1px solid #e7eaec; }
#main .form-horizontal label { color:#555; }
#main .form-horizontal hr { border-color:#ccc; }
#main .form-horizontal .checkbox-inline label { font-weight:400; }

/*Multiselect*/
#main .form-horizontal .btn-group ul.multiselect-container.dropdown-menu { max-height:300px; overflow-y:auto; overflow-x:hidden; }
#main .form-horizontal .btn-group ul.multiselect-container.dropdown-menu a { padding:0 15px; }
#main .form-horizontal .btn-group ul.multiselect-container.dropdown-menu li:hover a { background:#f1f1f1; }
#main .form-horizontal .btn-group ul.multiselect-container.dropdown-menu li.active a { background:#1076f6; color:#fff; }
#main .form-horizontal .btn-group ul.multiselect-container.dropdown-menu li.active a label.checkbox { color:#fff; }
#main .form-horizontal .btn-group ul.multiselect-container.dropdown-menu label.checkbox { padding:5px 0 5px 0; min-height:0; cursor:pointer; }
#main .form-horizontal .btn-group ul.multiselect-container.dropdown-menu label.checkbox input { left:0; display:none; }

/*Login*/
body.outer-bg { background:none !important; }
#login-page .form-login { max-width: 400px; margin: 100px auto 0; background: #fff; border-radius: 5px;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}

#login-page .form-login h2.form-login-heading { margin: 0; padding:20px; text-align: center; background: #373435; border-radius: 5px 5px 0 0; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 300; }
#login-page .form-login h2.form-login-heading img { max-width:100%; max-height:50px; }
#login-page .login-wrap { padding: 50px; }
#login-page .login-wrap .registration { text-align: center; }
#login-page .login-social-link { display: block; margin-top: 20px; margin-bottom: 15px; }
#login-page .form-login .checkbox input[type="checkbox"] { margin-left:0; }
#login-page .btn.btn-primary { padding:15px; border-radius:5px; }

/*Summaries*/
#summaries { position:relative; }
#summaries .toggle-fullscreen-off { position:absolute; right:-15px; top:-36px; background:0; border:none; }
#summaries .col-md-2 { float:left; width:20%; }
#summaries .frame { padding:5px 10px; margin:0 0 10px 0; background:#fff; border-radius:2px; }
#summaries .frame h5 { font-weight:bold; }
#summaries .frame hr { opacity:.5; margin:5px 0; padding:0; border-color:#fff; }
#summaries .frame * { text-align:center; color:#fff; }

/*Media*/
@media all and (max-width: 1100px) and (min-width: 767px) {

    /*Main*/
    #main .content.side { margin-left:50px; }

    /*Side Bar*/
    #sidebar { width:50px; }
    #sidebar ul li a { padding:15px 0; text-align:center; }
    #sidebar ul li a > i { width:auto; }
    #sidebar ul li a span { display:none; }
}

@media all and (max-width: 960px) {

    
}

@media all and (max-width: 767px) {

    /*Header*/
    #header ul li a { line-height:70px; background:#1076f6; border-left:1px solid rgba(0, 0, 0, 0.6); }
    #header .navbar-inverse { width:100%; }
    #header .navbar-inverse .navbar-toggle { height:70px; line-height:70px; background:#1076f6; border-left:1px solid rgba(0, 0, 0, 0.6); }
    #header ul li.name { display:none; }

    /*Side Bar*/
    #sidebar { position:relative; width:auto; top:0; right:0; height:auto; bottom:auto; }
    #sidebar ul { padding-top:1px; }
    #sidebar ul li.drop { padding-bottom:0; }

    /*Main*/
    #main .content { padding:20px 0; }
    #main .content.side { margin-left:0; }
    #main div.pull-right a.btn { padding:10px 20px; }
    #main div.pull-right a.btn span { display:none; }

    /*Modal*/
    #modal .frame { top:20px; }
    
    /*Dashboard*/
    #archive { padding: 0; }
    #archive .files > .line { opacity:0; }
    #archive .files ul li .line { opacity:0; } 

    /*Transitions*/
    #archive .files,
    #sidebar ul li a { 
     -webkit-transition: padding 200ms;
        -moz-transition: padding 200ms;
          -o-transition: padding 200ms;
             transition: padding 200ms;
    }
    #archive .files .line { 
     -webkit-transition: opacity 200ms;
        -moz-transition: opacity 200ms;
          -o-transition: opacity 200ms;
             transition: opacity 200ms;
    }
    #archive .statistics .stat { font-size:20px; }
}

@media all and (max-width: 600px) {

    /*Header*/
    #header ul li a { font-size:20px; }
    #header ul li a span { display:none; }        

    /*Login*/
    #login-page .form-login { margin-top:20px; }
}

@media all and (max-width: 520px) {

    /*Header*/
    #header .navbar-brand { display:block; width:22%; padding: 0 0 0 2%; font-size:15px; line-height:70px;}  
    #header .navbar-brand img { max-width:100%; display: inline-block; vertical-align: middle; }
    #header .navbar-brand small { bottom:auto; font-size: 8px; height:20px; margin-top: -50px; }
}