/* ----------------------------------
#. Body
---------------------------------- */

body {
    font: 14px Arial, sans-serif;
    color: #333;
    margin: 0;
    padding-bottom: 150px;
    background: #f5f5f5;
}

input[type='submit'] {
    padding: 10px 15px;
    border: 1px solid #17907D;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #1CAE97;
    transition: background .3s ease;
    -moz-transition: background .3s ease;
    -webkit-transition: background .3s ease;
}

input[type='submit']:hover {
    border: 1px solid #17907D;
    background: #17907D;
}

span.hotdate {
    background: #f00;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 6px;
    border-radius: 3px;
}

.seobutton {
    float: right;
    display: inline-block;
    padding: 11px 30px;
    border: 1px solid #da4545;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #da4545;
    margin-right: 10px;
}

.seobutton:hover {
    color: #fff;
    border: 1px solid #bb3131;
    background: #bb3131;
}

.designbutton {
    float: right;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #5396c9;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #5396c9;
}

.designbutton:hover {
    border: 1px solid #3b7aaa;
    background: #3b7aaa;
    color: #fff;
}

#details,
.customeBox {
    background: #fff;
    padding: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 3px solid #1CAE97;
}

#details h2,
.customeBox h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
}

select {
    width: 100%;
    padding: 10px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
}

.addprojectdate select {
    width: 30%;
}

.addprojecttime select {
    width: 48%;
}

legend {
    display: block;
    padding: 0 0 10px 0;
    margin: 35px 0px 10px;
    font-size: 18px;
    line-height: inherit;
    font-weight: bold;
    color: #555;
    border: 0;
    border-bottom: 1px solid #e7e7e7;
}


/* ----------------------------------
#. Typography
---------------------------------- */

a {
    text-decoration: none;
    color: #1CAE97;
    transition: color .3s ease, background .3s ease;
    transition: color .3s ease, background .3s ease;
    transition: color .3s ease, background .3s ease;
    transition: color .3s ease, background .3s ease;
}

a:hover {
    text-decoration: none;
    color: #1CAE97;
}

td.warning {
    border-right: 5px solid #ff888d;
}

td.close {
    border-right: 5px solid #ffcf65;
}

td.good {
    border-right: 5px solid #a5fb99;
}

td.prospect {
    border-right: 5px solid #1581a8;
}


/* ----------------------------------
#. Live Button
---------------------------------- */

.live-button {
    float: right;
    margin-top: 20px;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #bf763a;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #ffffe2;
    text-shadow: 0 1px 0 #bf763a;
    background-color: #ee944a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 148, 74)), to(rgb(245, 153, 79)));
    background-image: -webkit-linear-gradient(top, rgb(238, 148, 74), rgb(245, 153, 79));
    background-image: -moz-linear-gradient(top, rgb(238, 148, 74), rgb(245, 153, 79));
    background-image: -o-linear-gradient(top, rgb(238, 148, 74), rgb(245, 153, 79));
    background-image: -ms-linear-gradient(top, rgb(238, 148, 74), rgb(245, 153, 79));
    background-image: linear-gradient(top, rgb(238, 148, 74), rgb(245, 153, 79));
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ee944a', EndColorStr='#f5994f');
}

.live-button:hover {
    background-color: #fa994b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 153, 75)), to(rgb(245, 153, 79)));
    background-image: -webkit-linear-gradient(top, rgb(250, 153, 75), rgb(245, 153, 79));
    background-image: -moz-linear-gradient(top, rgb(250, 153, 75), rgb(245, 153, 79));
    background-image: -o-linear-gradient(top, rgb(250, 153, 75), rgb(245, 153, 79));
    background-image: -ms-linear-gradient(top, rgb(250, 153, 75), rgb(245, 153, 79));
    background-image: linear-gradient(top, rgb(250, 153, 75), rgb(245, 153, 79));
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fa994b', EndColorStr='#f5994f');
    text-decoration: none;
    color: #fff;
}

.edm-panel {
    position: absolute;
    top: 0;
    left: 50%;
    width: 320px;
    margin-left: -160px;
}

.edm-panel-inner {
    background: #fff;
    padding: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.edm-panel-inner h2 {
    margin-top: 0;
    color: #555;
}

label {
    display: block;
    margin: 15px 0 10px;
    color: #777;
    font-weight: 400;
}


/* ----------------------------------
#. General
---------------------------------- */

.sep {
    margin: 25px 0;
    border-bottom: 1px dotted #333;
}

.clear {
    clear: both;
}

.wrapper table tr td {
    vertical-align: top;
}


/* ----------------------------------
#. Containers
---------------------------------- */


/* ----------------------------------
#. Alignment
---------------------------------- */

.left,
.middle,
.right {
    float: left;
}

.left {
    width: 220px;
    margin-right: 30px;
}

.middle {
    margin-right: 30px;
    width: 220px;
}

.right {
    width: 460px;
}


/* ----------------------------------
#. Tabs
---------------------------------- */

.tabs-container {
    background: #fff;
}

.tabs {
    margin: 0;
    padding: 0;
    background: #fff;
}

.tabs li {
    float: left;
    list-style: none;
    outline: none;
}

.tabs li.ui-state-active a {
    background: #f5f5f5;
    color: #555;
    outline: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.tabs li a {
    display: block;
    padding: 15px 20px;
    outline: none;
}

.tabs li a:hover {
    text-decoration: none;
}

.inner-tabs {
    padding: 25px 0;
}


/* ----------------------------------
#. Columns
---------------------------------- */

.columns {}

.columns ul {
    margin: 0;
    padding: 0;
}

.columns ul li {
    float: left;
    width: 300px;
    margin-right: 30px;
    list-style: none;
}

.columns ul li.last {
    margin-right: 0;
}


/* ----------------------------------
#. Top header
---------------------------------- */

.top-header {
    font-size: 16px;
    color: #fff;
    padding: 25px 0;
    background-color: #333333;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(51, 51, 51)), to(rgb(35, 35, 35)));
    background-image: -webkit-linear-gradient(top, rgb(51, 51, 51), rgb(35, 35, 35));
    background-image: -moz-linear-gradient(top, rgb(51, 51, 51), rgb(35, 35, 35));
    background-image: -o-linear-gradient(top, rgb(51, 51, 51), rgb(35, 35, 35));
    background-image: -ms-linear-gradient(top, rgb(51, 51, 51), rgb(35, 35, 35));
    background-image: linear-gradient(top, rgb(51, 51, 51), rgb(35, 35, 35));
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#333333', EndColorStr='#232323');
    border-bottom: 1px solid #000;
}

.top-header .contact {
    float: left;
    font-weight: bold;
}

.top-header .date {
    float: right;
}


/* ----------------------------------
#. Header
---------------------------------- */

.header {
    padding-bottom: 25px;
    background: #fff;
}

.header .logo {
    float: left;
    margin-top: 25px;
    width: 200px;
}

.header .navigation {
    float: right;
}

.header .navigation ul {
    margin: 0;
    padding: 0;
}

.header .navigation ul li {
    float: left;
    list-style: none;
}

.header .navigation ul li a {
    display: block;
    padding: 63px 15px 30px;
    color: #676767;
}

.header .navigation ul li.current a {
    color: #17907D;
}

.header .navigation ul li a:hover {
    text-decoration: none;
    color: #29D6BB;
}

.header .search {
    float: left;
    width: 600px;
}

.search input[type='text'] {
    width: 360px;
    margin-right: 5px;
}

.header .user {
    float: right;
}

.frm-row {
    margin: 0 -5px;
}

.frm-row .col-md-3,
.frm-row .col-md-4 {
    padding: 0 5px;
}


/* ----------------------------------
#. Forms
---------------------------------- */

input[type='text'],
input[type='password'] {
    padding: 5px;
    width: 200px;
}

textarea {
    height: 300px;
    resize: none;
}

input[type='text'],
input[type='password'],
input[type='email'],
input[type='date'],
textarea {
    padding: 10px 15px;
    width: 100%;
    outline: none !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #f5f5f5;
    border: 1px solid #E5E5E5;
    transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
}

input[type='date'] {
    padding: 0 15px;
}

.archive {
    text-align: left;
}

.archive .blank {
    height: 5px;
    clear: both;
}

.login-header {
    background: #fff;
    text-align: center;
    padding: 25px 0;
    margin-bottom: 25px;
}

.login-header img {
    width: 200px
}

.login {
    margin: 0 auto;
}

.login input[type='text'],
.login input[type='password'] {}

.error {
    color: red;
}

.middle input[type='text'] {}


/* ----------------------------------
#. Table
---------------------------------- */

.table {
    margin-bottom: 20px;
    width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
    box-shadow: 0 1px 3px #d5e0f1;
}

.table th,
.table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table th {
    font-weight: bold;
}

.table thead th {
    vertical-align: bottom;
}

.table caption+thead tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody+tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #dddddd;
}

.table-bordered caption+thead tr:first-child th,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+tbody tr:first-child td,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table-bordered thead:first-child tr:first-child>th:first-child,
.table-bordered tbody:first-child tr:first-child>td:first-child,
.table-bordered tbody:first-child tr:first-child>th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child>th:last-child,
.table-bordered tbody:first-child tr:first-child>td:last-child,
.table-bordered tbody:first-child tr:first-child>th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child>th:first-child,
.table-bordered tbody:last-child tr:last-child>td:first-child,
.table-bordered tbody:last-child tr:last-child>th:first-child,
.table-bordered tfoot:last-child tr:last-child>td:first-child,
.table-bordered tfoot:last-child tr:last-child>th:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child>th:last-child,
.table-bordered tbody:last-child tr:last-child>td:last-child,
.table-bordered tbody:last-child tr:last-child>th:last-child,
.table-bordered tfoot:last-child tr:last-child>td:last-child,
.table-bordered tfoot:last-child tr:last-child>th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
}

.table-bordered caption+thead tr:first-child th:first-child,
.table-bordered caption+tbody tr:first-child td:first-child,
.table-bordered colgroup+thead tr:first-child th:first-child,
.table-bordered colgroup+tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered caption+thead tr:first-child th:last-child,
.table-bordered caption+tbody tr:first-child td:last-child,
.table-bordered colgroup+thead tr:first-child th:last-child,
.table-bordered colgroup+tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9;
}

.table-hover tbody tr:hover>td,
.table-hover tbody tr:hover>th {
    background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}

.table tbody tr.success>td {
    background-color: #dff0d8;
}

.table tbody tr.error>td {
    background-color: #f2dede;
}

.table tbody tr.warning>td {
    background-color: #fcf8e3;
}

.table tbody tr.info>td {
    background-color: #d9edf7;
}

.table-hover tbody tr.success:hover>td {
    background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover>td {
    background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover>td {
    background-color: #faf2cc;
}

.table-hover tbody tr.info:hover>td {
    background-color: #c4e3f3;
}