/* Hack for template */
.nav-md .container.body .col-md-3.left_col {
    z-index:1000!important;
}
.harrow-box {
    margin:30px 0;
    padding:8px 16px;
    border:1px solid #001844;
    border-radius: 4px;
    background: #f5f5f5;
}
.application-row-blacklist .application-data-fullname {
    text-decoration: line-through;
    color:#ff0000;
}
.application-img .tooltip {min-width: 250px}
.logo-placeholder img {border:1px solid #e5e5e5;}
h4.form-title {
    font-weight: bold;
    background:#e5e5e5;
    padding:0.3em 1.2em;
}
.table>tbody>tr.middle td,
.table>tbody>tr.middle th{
    vertical-align: middle;  
}
.label.label-harrow {
    background:#00173c;
}
.school-logo {width:100%;}
.navbar-nav .open ul.dropdown-menu {
    width:auto;
}
.nav.side-menu>li, .nav.side-menu>li {
    border-right: 5px solid #00173c;
}
.ajax-notification-page {padding-left:10px;}
.notification-item {padding:5px 0px;list-style: none;}
.detail-view-original th {text-align: right!important;}
.detail-view-original td {text-align: left!important;}
#img-result {max-width: 100%;max-height: 500px;}
.interview-item {
    overflow:auto;
    padding:3px;
    border-bottom: 1px solid #dcdcdc;
}
.interview-item img {
    margin-right: 5px;
}
.left_col  {
    background:#0C2340;
}
.counter-column {text-align: center;width:100px;}
.application-photo {
    border:1px solid #cdcdcd;
    max-width:220px;
}
input.big-checkbox {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin:0 8px;
}

.nav_title {
    height: auto;
    text-align: center;
    padding-top:15px;
    background: #0C2340;
}
.nav-sm .nav_title {
    display:none;
}
.align-middle {vertical-align: middle!important;}
.text-small {font-size:smaller;}
.text-strike {text-decoration: line-through;}
.main_menu_side {margin-top:30px;}
.buttons, button, .btn {margin-bottom: 0!important;}
@media (min-width: 768px) {
    .navbar-nav.navbar-right:last-child {
        margin-right: 0px;
    }
}
.application-row .ribbon {
    display:none;
    position:absolute;
    top:40%;
    width:42px;
    border-top:1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-size:8px;
    text-align: center;
    z-index: 99;
    color:#ffffff;
    pointer-events: none;
}
.application-img-accept,.application-img-placement,.application-img-blacklist {
    position: relative;
}
.application-img-blacklist img {
    /*
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;*/
}
.application-img-accept .ribbon-accept{
    display:block;
    background:#06801c;
}
.application-img-placement .ribbon-placement{
    display:block;
    background:#254482;
}
.application-img-blacklist .ribbon-ban{
    display:block;
    background:red;
}
.bg-grey {
    background-color:lightgrey;
}
.bg-harrow {
    background-color:#00173c;
    color:#ffffff;
}
.bg-new {
    background-color: hsl(176, 0%, 84%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f4f4", endColorstr="#d6d6d6");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f4f4f4), to(#d6d6d6));
    background-image: -moz-linear-gradient(top, #f4f4f4, #d6d6d6);
    background-image: -ms-linear-gradient(top, #f4f4f4, #d6d6d6);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #d6d6d6));
    background-image: -webkit-linear-gradient(top, #f4f4f4, #d6d6d6);
    background-image: -o-linear-gradient(top, #f4f4f4, #d6d6d6);
    background-image: linear-gradient(#f4f4f4, #d6d6d6);
    border-color: #d6d6d6 #d6d6d6 hsl(176, 0%, 81%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19);
    -webkit-font-smoothing: antialiased;
}
.bg-all {
    background: #f3f3f3;
    color:#000000;
}
.bg-longlist  {
    background-color: hsl(219, 49%, 82%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8edf7", endColorstr="#bacae7");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#e8edf7), to(#bacae7));
    background-image: -moz-linear-gradient(top, #e8edf7, #bacae7);
    background-image: -ms-linear-gradient(top, #e8edf7, #bacae7);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8edf7), color-stop(100%, #bacae7));
    background-image: -webkit-linear-gradient(top, #e8edf7, #bacae7);
    background-image: -o-linear-gradient(top, #e8edf7, #bacae7);
    background-image: linear-gradient(#e8edf7, #bacae7);
    border-color: #bacae7 #bacae7 hsl(219, 49%, 79%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19);
    -webkit-font-smoothing: antialiased;
}
.bg-shortlist {
    background-color: hsl(93, 49%, 82%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eef7e8", endColorstr="#cee7ba");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#eef7e8), to(#cee7ba));
    background-image: -moz-linear-gradient(top, #eef7e8, #cee7ba);
    background-image: -ms-linear-gradient(top, #eef7e8, #cee7ba);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eef7e8), color-stop(100%, #cee7ba));
    background-image: -webkit-linear-gradient(top, #eef7e8, #cee7ba);
    background-image: -o-linear-gradient(top, #eef7e8, #cee7ba);
    background-image: linear-gradient(#eef7e8, #cee7ba);
    border-color: #cee7ba #cee7ba hsl(93, 49%, 79%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19);
    -webkit-font-smoothing: antialiased;
}
.bg-interview {
    background-color: hsl(137, 48%, 78%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9f1e0", endColorstr="#abe1bb");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#d9f1e0), to(#abe1bb));
    background-image: -moz-linear-gradient(top, #d9f1e0, #abe1bb);
    background-image: -ms-linear-gradient(top, #d9f1e0, #abe1bb);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9f1e0), color-stop(100%, #abe1bb));
    background-image: -webkit-linear-gradient(top, #d9f1e0, #abe1bb);
    background-image: -o-linear-gradient(top, #d9f1e0, #abe1bb);
    background-image: linear-gradient(#d9f1e0, #abe1bb);
    border-color: #abe1bb #abe1bb hsl(137, 48%, 75%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19);
    -webkit-font-smoothing: antialiased;
}
.bg-offer {
    background-color: hsl(265, 48%, 83%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1ecf8", endColorstr="#d0bee8");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f1ecf8), to(#d0bee8));
    background-image: -moz-linear-gradient(top, #f1ecf8, #d0bee8);
    background-image: -ms-linear-gradient(top, #f1ecf8, #d0bee8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1ecf8), color-stop(100%, #d0bee8));
    background-image: -webkit-linear-gradient(top, #f1ecf8, #d0bee8);
    background-image: -o-linear-gradient(top, #f1ecf8, #d0bee8);
    background-image: linear-gradient(#f1ecf8, #d0bee8);
    border-color: #d0bee8 #d0bee8 hsl(265, 48%, 80%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19);
    -webkit-font-smoothing: antialiased;
}
.bg-accept {
    background-color: hsl(30, 56%, 79%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4e8db", endColorstr="#e7c9ab");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f4e8db), to(#e7c9ab));
    background-image: -moz-linear-gradient(top, #f4e8db, #e7c9ab);
    background-image: -ms-linear-gradient(top, #f4e8db, #e7c9ab);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4e8db), color-stop(100%, #e7c9ab));
    background-image: -webkit-linear-gradient(top, #f4e8db, #e7c9ab);
    background-image: -o-linear-gradient(top, #f4e8db, #e7c9ab);
    background-image: linear-gradient(#f4e8db, #e7c9ab);
    border-color: #e7c9ab #e7c9ab hsl(30, 56%, 76%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19);
    -webkit-font-smoothing: antialiased;
}
.bg-placement {
    background-color: hsl(230, 56%, 79%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbdff4", endColorstr="#abb5e7");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#dbdff4), to(#abb5e7));
    background-image: -moz-linear-gradient(top, #dbdff4, #abb5e7);
    background-image: -ms-linear-gradient(top, #dbdff4, #abb5e7);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdff4), color-stop(100%, #abb5e7));
    background-image: -webkit-linear-gradient(top, #dbdff4, #abb5e7);
    background-image: -o-linear-gradient(top, #dbdff4, #abb5e7);
    background-image: linear-gradient(#dbdff4, #abb5e7);
    border-color: #abb5e7 #abb5e7 hsl(230, 56%, 76%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19);
    -webkit-font-smoothing: antialiased;
}
.bg-decline {
    background-color: hsl(342, 56%, 79%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4dbe2", endColorstr="#e7abbd");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f4dbe2), to(#e7abbd));
    background-image: -moz-linear-gradient(top, #f4dbe2, #e7abbd);
    background-image: -ms-linear-gradient(top, #f4dbe2, #e7abbd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4dbe2), color-stop(100%, #e7abbd));
    background-image: -webkit-linear-gradient(top, #f4dbe2, #e7abbd);
    background-image: -o-linear-gradient(top, #f4dbe2, #e7abbd);
    background-image: linear-gradient(#f4dbe2, #e7abbd);
    border-color: #e7abbd #e7abbd hsl(342, 56%, 76%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19);
    -webkit-font-smoothing: antialiased;
}
.bg-archive {
    background-color: hsl(0, 0%, 23%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#494949", endColorstr="#3a3a3a");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#494949), to(#3a3a3a));
    background-image: -moz-linear-gradient(top, #494949, #3a3a3a);
    background-image: -ms-linear-gradient(top, #494949, #3a3a3a);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #3a3a3a));
    background-image: -webkit-linear-gradient(top, #494949, #3a3a3a);
    background-image: -o-linear-gradient(top, #494949, #3a3a3a);
    background-image: linear-gradient(#494949, #3a3a3a);
    border-color: #3a3a3a #3a3a3a hsl(0, 0%, 21.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
    -webkit-font-smoothing: antialiased;
}
.bg-withdrawn {
    background-color: #cf3f3f;
    border-color: #cf3f3f;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #c23737;
    background-image: -moz-linear-gradient(top,#cf3f3f,#af2c2c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#cf3f3f),to(#af2c2c));
    background-image: -webkit-linear-gradient(top,#cf3f3f,#af2c2c);
    background-image: -o-linear-gradient(top,#cf3f3f,#af2c2c);
    background-image: linear-gradient(to bottom,#cf3f3f,#af2c2c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcf3f3f', endColorstr='#ffaf2b2b', GradientType=0);
    border-color: #af2c2c #af2c2c #721d1d;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.bg-withdrawn a {
    color:#fff;
}
body {
    background: #0C2340;
}
.text-bold {
    font-weight: bold;
}
.grid-view {
    padding-top:0;
}
.text-white {
    color:#ffffff;
}
.text-white small {
    color:#cccccc;
}
.text-left , tbody>tr>td.text-left , thead>tr>th.text-left{
    text-align: left;
}
.table-condensed>thead>tr>th.text-left, .table-condensed>tbody>tr>th.text-left, .table-condensed>tfoot>tr>th.text-left, .table-condensed>thead>tr>td.text-left, .table-condensed>tbody>tr>td.text-left, .table-condensed>tfoot>tr>td.text-left {
    text-align: left;
}
.harrow-logo {
    background:#ffffff;
}
.harrow-logo.harrow-logo-md{
    width:168px;
}
.info-badge {
    position:relative;
}
.info-badge .badge {
    right: -12px;
    top: -7px;
    font-size:10px;
    padding:1px 3px;
}
.info-photo {
    float:left;
    margin-right:10px;
    width:32px;
}
.messages h4 {
    font-size:14px;
}
.messages blockquote {
    font-size:12px;
}
.messages {
    overflow-y: scroll;
    height: 400px;
}
.text-green {
    color:#66cc00;
}

.status-new {background: #e5ef9f;}
.modal-footer.btn-toolbar {
    margin-left:0;
}
.application-page {background: #ffffff;padding:15px;border:1px solid #cccccc;}
.application-page h1 {
    border-left:5px solid #00173c;
    background:#f3f3f3;
    padding:3px 5px 3px 10px;
}
.application-page h3 {
    color:#4d648a;
    font-size:1.5em;
    background: #e8e9fd;
    border-top:1px solid #00173c;
    border-bottom: 1px solid #00173c;
    padding:3px 10px;
}
.application-page h4 {
    font-weight: bold;
    font-size:1.1em;
    margin:20px 0 10px; 
}
.application-page h5 {
    font-weight: bold;
    font-size:1.05em;
    margin:20px 0 10px; 
}
.application-page .detail-view th {text-align: right;}
.application-page .detail-view td {text-align: left;}
.ref-box {border:2px solid red;padding:1em;font-weight: bold;}
.ref-box.active {
    background-color:#ffe6e6;
}
.ref-box input[type="checkbox"] {
    outline: 2px solid red;
}
.ref-box.inactive {
    border:1px solid #cccccc;
    background-color:#f6f6f6;
}
.ref-box.inactive input[type="checkbox"] {
    outline: none;
}

.mail-default ,
.mail-custom ,
.mail-no
{
    background-color:#f6f6f6;
    border:1px solid #494949;
}

.mail-default.active {
    background-color:#cbcbff;
    border:1px solid #4888ca;
}
.mail-custom.active,
.mail-no.active {
    background-color:#daffb2;
    border:1px solid #65a51f;
}