/* HTML FIXES
--------------------------------*/
html, body { 
    color: #393939;
    font-family: 'Roboto-Regular', Arial, sans-serif; 
    font-size: 13px; 
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    min-height: 100%;
    padding: 0;
}
a {
    color: #000000;
    cursor: pointer;
    text-decoration: none;
}
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5 { margin-top: 0; }
p { line-height: 20px; margin: 0; }
table h1, table h2, table h3, 
table h4, table h5, table h6 { margin-top: 0; }
input, select, button { border: none; }
input[disabled], button[disabled], a[disabled] { cursor: default !important; }
select {
    appearance: none;
    background-color: transparent;
    z-index: 2;
    -moz-appearance: none;
    -webkit-appearance: none;
}
input[type='submit']:hover, select:hover, button:hover, a:hover { cursor: pointer; }

input.input-error { border: 1px solid #DD3D3D !important; }
.error { color: #DD3D3D !important; }
.center { text-align: center; }

/* Clearfix */
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.container { margin: auto; padding: 0; width: 1200px; }
.small-bottom { margin-bottom: 5px; }
.hide { display: none; }

/* Forms
--------------------------------*/
input.text,
select.text {
    border-radius: 5px;
    border: solid 1px #9F9F9F;
    font-family: 'Roboto-Light';
    font-size: 14px;
    padding: 8px;
    width: 350px;
}
input.mid-text { width: 270px !important; }
input.short-text { width: 180px !important; }
select.text { position: relative; }
.text:before {
    background: #FFFFFF;
    content: '';
    height: 20px;
    position: absolute;
    width: 20px;
}
.required { color: #F00000; margin-left: 3px; }
i.loader { margin-right:1em; }

a.arrow-down {
    background-image: url(/images/sprite.png);
    background-position: 0 12px;
    cursor: pointer;
    display: inline-block;
    height: 7px;
    margin: 15px 0 0 -24px;
    position: absolute;
    top: 3px;
    width: 10px;
    z-index: 1;
}

/* Layouts
--------------------------------*/
.two-columns { width: 100%; }
.two-columns .column { float: left; width: 50%; }

/* Buttons
--------------------------------*/
.btn {
    color: #FFFFFF;
    border-radius: 5px;
    font-family: 'Roboto-Light';
}
.btn-light {
    background: #6BA2C6;
    color: #FFFFFF;
    display: block;
    font-family: 'Roboto-Light';
    font-size: 14px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.btn-loader {
    background-color: #BDC3C7 !important;
    border: 1px solid #BDC3C7  !important;
    border-bottom: 4px solid #7F8C9A !important;
    color: #808080 !important;
}
.btn-active { background: #0E5483; }
.btn:hover { color: #FFFFFF; }
.btn .notification {
    background: #BF1E2D;
    border-radius: 50%;
    height: 18px;
    margin: -7px -7px 0 0;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 18px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.btn-submit {
    background-color: #0E5482;
    border-bottom: 3px solid #003D65;
    color: #FFFFFF;
    font-size: 17px;
    padding: 7px 31px;
}
.btn-loader {
    background-color: #BDC3C7;
    border-bottom: 3px solid #7F8C9A;
    color: #808080;
}
.btn-loader i.loader { margin-right: 1em; }

.btn-green { background: #24996D; }
.btn-green:hover { background: #218660; }
.btn-dark-blue { background: #0D5482; }
.btn-dark-blue:hover { background: #0B476E; }
.btn-red { background: #AB4247; }
.btn-red:hover { background: #90383C; }
.btn-orange { background: #C36333; }
.btn-orange:hover { background: #A6552C; }
.btn-violet { background: #4354AC; }
.btn-violet:hover { background: #394893; }

/* Icons
--------------------------------*/
.icon,
.btn .icon {
    background: url(/images/sprite.png) no-repeat;
    display: inline-block;
    margin: 0 5px -2px 0;
}
.icon-profile,
.btn .icon-profile {
    background-position: -17px -85px;
    height: 14px;
    width: 14px;
}
.icon-resume,
.btn .icon-resume {
    background-position: -26px -101px;
    height: 18px;
    margin-bottom: -4px;
    width: 14px;
}
.icon-envelope,
.btn .icon-envelope {
    background-position: -26px -121px;
    height: 14px;
    margin-bottom: -1px;
    width: 14px;
}
.icon-pen,
.btn .icon-pen {
    background-position: -34px -85px;
    height: 15px;
    margin-bottom: -1px;
    width: 13px;
}
.icon-calendar,
.btn .icon-calendar {
    background-position: -43px 0;
    height: 21px;
    margin-bottom: -1px;
    width: 21px;
}

/* Alerts
--------------------------------*/
.alert {
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    width: 1200px;
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alert-warning {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    color: #C09853;
}
.alert-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}

span.error { color: #DD3D3D; display: block; }

/* Slider
--------------------------------*/
/* Sidebar ads */
.sidebar-ads .slider { margin-top: 20px; }
.sidebar-ads .slider img { width: 100%; }
.sidebar-ads .slider .circles {
    display: block;
    margin: -35px 0 0 0;
    padding: 0;
    text-align: center;
}
.sidebar-ads .slider .circles .active { background-color: #0E5482; }
.sidebar-ads .slider .circles li { display: inline-block; margin: 9px; }
.sidebar-ads .slider .circles li a {
    background-color: #C2C2C2;
    border-radius: 10px;
    height: 14px;
    position: absolute;
    width: 14px;
    z-index: 2;
}

/* Pagination
--------------------------------*/
.pagination {
    display: block;
    margin: 20px 0 55px 0;
    text-align: center;
}
.pagination .pages a {
    border: 2px solid #3C8EC4;
    border-radius: 5px;
    color: #3C8EC4;
    font-size: 15px;
    margin-right: 5px; 
    padding: 3px 7px;
}
.pagination .pages a.active { background-color: #3C8EC4; color: #FFFFFF; }
.pagination .pages a.active:hover { border: 2px solid #3C8EC4; cursor: default; }
.pagination .pages a:hover {
    background-color: #3C8EC4;
    color: #FFFFFF;
    text-decoration: none;
}

.pagination .next a { padding-right: 20px; position: relative; }
.pagination .prev a { padding-left: 20px; position: relative; }
.pagination .next a:after {
    background-image: url(/images/sprite.png);
    background-position: -10px 11px;
    content: '';
    display: block;
    height: 11px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 7px;
}
.pagination .prev a:before {
    background-image: url(/images/sprite.png);
    background-position: -49px -83px;
    content: '';
    display: block;
    height: 11px;
    position: absolute;
    left: 7px;
    top: 7px;
    width: 7px;
}
.pagination .prev a:hover:before { background-position: -55px -83px; }
.pagination .next a:hover:after { background-position: -16px 11px; }

/* SEARCH FILTER
--------------------------------*/
.search-filter input { padding: 6px 8px; width: 490px; }
.search-filter button {
    background-color: transparent;
    outline: 0;
    position: relative;
}
.search-filter button i {
    color: #9F9F9F;
    margin-left: -25px;
    position: absolute;
    right: 25px;
    top: -9px;
    z-index: 2;
}

/* HEAD
--------------------------------*/
.head h1 span { position: absolute; text-indent: -9999px; }
.head h1 { display: inline-block; margin: 0; }

/* Login */
.head .name  {
    display: inline-block;
    float: right;
    margin-top: 25px;
    vertical-align: text-bottom;
}
.head .name a { color: #333333; font-size: 12px; }
.head .name span { border-right: 1px solid #8B8B8B; padding-right: 5px; }
.head .name span a:first-of-type { color: #3C8EC4; padding-right: 3px; }
.head .name h6 {
    color: #0E5482;
    font-size: 11px;
    margin: 0 0 5px 0;
    text-align: center;
    text-transform: uppercase;
}
.head .name > a { padding-left: 5px; }
.head .name .image-holder {
    border-radius: 15px;
    display: inline-block;
    height: 30px;
    margin: -1px 5px 0 0;
    overflow: hidden;
    vertical-align: middle;
    width: 30px;
}
.head .name .image-holder img { width: 100%; }

/* Menu */
.head .menu {
    display: block;
    margin-top: 25px;
    padding: 0;
    text-align: right;
}
.head .menu li { display: inline-block; margin-right: 40px; }
.head .menu li:last-of-type { margin-right: 0; }
.head .menu a {
    color: #606060;
    font-family: 'Roboto-Light';
    font-size: 15px !important;
    padding: 5px 7px;
    text-decoration: none;
}
.head .menu a:hover,
.head .menu a.active {
    background-color: #3C8EC4;
    border-radius: 5px;
    color: #FFFFFF;
    text-decoration: none;
}
.head .container { padding: 20px 0; }
.head .menu .dropdown-menu li { display: block; margin: 2px; padding: 0 5px 0; }
.head .menu .dropdown-menu { min-width: inherit !important; }
.head .menu .dropdown-menu.admin-menu { left: -86px; }
/* CALENDAR
--------------------------------*/
.date-modal input { margin-right: 10px; width: 270px; }
.date-modal .btn {
    background-color: #3D8EC5;
    display: inline-block;
    padding: 8px 20px;
}
.date-modal span.modal-close {
    background-color: #E15757;
    border-radius: 11px;
    color: #FFFFFF;
    padding: 1px 3px;
}
.date-modal span.modal-close {
    background-color: #E15757;
    border-radius: 11px;
    color: #FFFFFF;
    padding: 1px 3px;
}
.date-modal button.btn {
    background-color: #3D8EC5;
    display: inline-block;
    padding: 8px 20px;
}
.date-modal .ui-datepicker {
    background: transparent;
    border: none;
    box-sizing: border-box;
    font-family: 'Roboto-Light';
    width: 100%;
}
.date-modal .ui-widget-header {
    background-color: transparent;
    border: none;
    color: #000000;
}
.date-modal .ui-datepicker-title {
    border-bottom: 1px solid #B7B7B7;
    margin: 0;
    margin-bottom: 5px;
    padding: 10px 0 20px;
    position: relative;
}
.date-modal .ui-datepicker-month {
    box-sizing: border-box;
    display: block;
    font-size: 20px;
    margin-top: 18px;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}
.date-modal .ui-widget-header a {
    border-radius: 15px;
    border: 1px solid #444444;
    margin-top: 20px;
    text-align: center;
    z-index: 2;
}
.date-modal .ui-widget-header a:hover {
    background-color: #3A8FC6;
    border: 2px solid #3A8FC6;
}
.date-modal .ui-widget-header a:hover > i.fa { color: #FFFFFF; }
.date-modal i.fa { color: #444444; vertical-align: bottom; }
.date-modal .ui-state-default {
    background-color: transparent;
    border: none;
    color: #000000;
    padding: 5px;
    text-align: center;
}
.date-modal .ui-state-default { z-index: 2; }
.date-modal .ui-state-hover {
    background-color: #88C6ED;
    border-radius: 5px;
    color: #FFFFFF;
}
.date-modal .ui-state-active {
    background-color: #3A8FC6;
    border-radius: 5px;
    color: #FFFFFF;
}

/* MODAL
--------------------------------*/
.modal .modal-footer button:first-of-type { color: #FFFFFF; font-weight: bold; }
.modal .btn-default { color: #333333 !important; }
/* FOOT
--------------------------------*/
.foot { background-color: #173146; width: 100%; margin-top: 50px; }

/* Footer Links */
.foot .links { background-color: #001B37; }
.foot .links ul { padding: 0; text-align: center; }
.foot .links ul li {
    display: inline-block;
    list-style-type: none;
    margin: 10px 0;
    padding-right: 37px;
}
.foot .links ul li:last-of-type { padding-right: 0; }
.foot .links ul li a {
    color: #789CC1;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}

/* Copyright */
.foot p {
    color: #5F7C94;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 8px 0;
    text-align: center;
}