@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/myriadpro-regular.eot');
    src: url('fonts/myriadpro-regular.eot') format('embedded-opentype'),
         url('fonts/myriadpro-regular.woff2') format('woff2'),
         url('fonts/myriadpro-regular.woff') format('woff'),
         url('fonts/myriadpro-regular.ttf') format('truetype'),
         url('fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
}
@font-face {
    font-family: 'MyriadProBold';
    src: url('fonts/myriadpro-bold.eot');
    src: url('fonts/myriadpro-bold.eot') format('embedded-opentype'),
         url('fonts/myriadpro-bold.woff2') format('woff2'),
         url('fonts/myriadpro-bold.woff') format('woff'),
         url('fonts/myriadpro-bold.ttf') format('truetype'),
         url('fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
}

body {
	margin: 0;
	font-family:"MyriadProRegular",MyriadProRegular,sans-serif!important; color:#2b2b2b!important;
}
.clear {
	clear: both;
}

a:hover {
	text-decoration: none;
}

.border-none {
	border: 0 none!important;
	box-shadow: 0 0 0;
}

select {
    border: 1px solid #ccc!important;
    color: #ffffff!important /*#262626!important*/;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif!important;
    font-size: 18px!important;
    padding: 5px!important;
    width: 220px!important;
	font-weight:normal!important;
	background: none repeat scroll 0 0 #428bca;
}

#pagewrapper {
	background:#fff;
	width:100%;	
}

#header {
	background: #3f85c1 none;
	min-height: 50px;
	border: 0px red solid;
}
#header #head-int {
	max-width: 1184px;
	width: 100%;
	margin: 0 auto;
}
#header #head-int #logo {
	padding:15px;
	float: left;
	border-right: 1px #b7bfc6 solid;
	display: block;
}
#header #head-int #logo-mob {
	display: none;
}
#header #head-int #menu {
	float: left;
	margin-left: 10px;
}
#header #head-int #menu li {
	/*display: inline-block;*/
	font-family: "MyriadProBold", MyriadProBold, sans-serif;
	font-size: 16px;
	color: #ffffff;
	margin: 0 5px 0 0;
}
#header #head-int #menu li a {
	font-family: "MyriadProBold", MyriadProBold, sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	background-color: transparent;
}

#header #head-int #menu li li a {
	color: #428bca;
	font-size: 13px;
	padding: 5px 15px 5px 5px;
}
#header #head-int #menu li li a:hover {
	color: #262626;
}
#header #head-int #menu li img {
	margin: 0 10px 5px 0;
	border: 0 none;
	width: auto;
	height: auto;
}

#header #head-int #menu li ul.dropdown-menu {
    margin: 0;
    padding: 0;
}
#header #head-int #menu li li {
	list-style: none;
}

#header #head-int #menu .navbar-default {
    background-color: transparent;
    border: 0 none;
}
#header #head-int #menu .navbar {
	margin-bottom: 0;
}
#header #head-int #menu .container-fluid {
	margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
#header #head-int #menu .navbar-collapse {
	padding-left: 0;
    padding-right: 0;
}
#header #head-int #menu .navbar-nav > li > a {
    padding-bottom: 0;
    padding-top:9px;
    display: inline-flex;
}
#header #head-int #menu ul..navbar-nav {
	padding: 0;
}



#header #head-int #head-right {
	float: right;
}
#header #head-int #head-right .btn-primary {
    background-color: transparent;
    border: 0 none;
    color: #fff;
}
#header #head-int #head-right ul {
	margin:17px 0 0;
}
#header #head-int #head-right li {
	/*display: inline-flex;*/
	display: inline-table;
	margin: 0px 15px 0 0;
}
#header #head-int #head-right li img {
	border: 0 none;
}


#header .navbar-nav {
	margin: 15px 0 0!important;
}


#middle {
	max-width: 1184px;
	width: 98%;
	margin: 15px auto 45px;
	border: 1px #d6d6d6 solid;
	border-radius: 10px;
	padding:15px 0px;
	text-align:left;
}
#middle .table#people img{
	max-width:100%;
	width:auto;
	display:inline;
}
#middle .table#people td {
    border: medium none;
    padding: 20px;
    vertical-align: middle;
}
#middle .table#people td#col-1 {
	
}
#middle .table#people td#col-2 {
	
}
#middle .table#people td#col-3 {
	
}
#middle .table#people td#col-4 {
	width: 15%;
}

#middle .table#people td img.avatar {
	float: left;
	margin-right: 0px;
	max-width: 66px;
}
#middle .table#people td h1 {
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 23px;
	color: #2b2b2b;
	margin: 5px 0;
}
#middle .table#people td p {
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 16px;
	color: #2b2b2b;
}
#middle #blue-box {
	background: #717171;
	padding:0px 20px;
}

#middle #blue-box select {
	padding: 1px!important;
	margin: 5px 25px 5px 0;
	border-radius: 5px;
	/*background: none repeat scroll 0 0 #fff !important;
	color: #000 !important;*/
	width: 150px !important;
	font-size: 14px !important;
}
#middle #blue-box .submit {
	font-size: 16px;
    padding: 0 15px 2px;
}

#middle #blue-box div {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
   	color: #fff;
   	margin:0;
}
#middle #blue-box div#issue {
	float: right;
	margin:8px 0px 0px 0px;
}

#middle #blue-box .btn-success, #middle #blue-box .btn-success:hover, #middle #blue-box .btn-success:focus, #middle #blue-box .btn-success:active {
    background-color: transparent;
    border: 0 none;
    color: #fff;
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 0;
}

#middle #mid-form {
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 26px;
	color: #262626;
	text-align: center;
	padding: 0 0 10px;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 25px;
}
#middle #mid-form.people {
	margin-bottom: 15px;
	padding: 0 0 0 0;
}
#middle #mid-form div {
    display: inline-table;
    margin: 0 5px;
    vertical-align: middle;
    min-width: 35px;
}

#middle #mid-form select {
	padding: 5px;
	font-size: 18px;
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	margin-left: 10px;
	border: 1px solid #ccc;
	width: 220px;
	background: #428bca;
	color: #ffffff!important /*#262626*/;
	border-radius: 5px;
}
#middle #mid-form #task-button {
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif!important;
	font-size:20px;
	color: #fff;
	text-decoration: none;
	background: #323531 none;
	padding: 5px 15px;
	border-radius: 5px;
	font-weight: normal;
	cursor: pointer;
}
#middle #mid-form #last-div {
	font-size: 18px;
	color: #2b2b2b;
}
#middle #mid-form #last-div span {
	color: #4f5559;
}
#middle #mid-form #last-div #left {
	border-right: 1px solid #dcdcdc;
    display: inline-block;
    padding-right:5px;
    text-align: right;
    margin:0 5px;
}
#middle #mid-form #last-div #right {
	text-align: left;
	display: inline-block;
	margin: 0 5px;
}


#middle #mid-form-a {
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 26px;
	color: #262626;
	text-align: left;
	padding: 0 0 25px;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 25px;
}
#middle #mid-form-a.people {
	margin-bottom: 15px;
	padding: 0 0 0 0;
	margin-top:0px;
}
#middle #mid-form-a .conte {
    float: right;
    padding:0px 0 0;
}
#middle #mid-form-a .conte img {
	margin: 0 5px;
	border: 0;
	max-width:100%;
	width:auto !important;
}
#middle #mid-form-a .contf {
	display: inline-flex;
	margin: 0 18px;
    vertical-align: middle;
}
 /*#middle #mid-form-a .contf .btn-primary {
    background-color: transparent;
    font-size: 15px;
    padding: 10px 0 0 10px;
    border: 1px solid #ccc;
    color: #262626;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
}
#middle #mid-form-a .filter-option {
    padding: 0 0 0px;
    width: 95%;
} */

#middle #comment-box {
    border-bottom: 1px solid #dbdbdb;
    padding: 0 20px;
}

#middle #comment-box #button {
    /*background: none repeat scroll 0 0 #3c7fb8;*/
    border-radius: 5px;
    color: #2b2b2b;
    display: inline-block;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 16px;
    margin: 0 25px 0 0;
    padding: 8px;
}
#middle #comment-box #button a {
	color: #2b2b2b;
	text-decoration: none;
}
#middle #comment-box #button.active {
    background: none repeat scroll 0 0 #3c7fb8;
    border-radius: 5px;
    color: #fff;
    display: inline;

}
#middle #comment-box #button.active a {
	color: #fff;
	text-decoration: none;
}

#middle #comment-box h1 {
	color: #2b2b2b;
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 30px;
	margin-bottom: 15px;
}
#middle #comment-box #text-area {
	margin: 32px 0 0 0;
}
#middle #comment-box #text-area textarea {
    width: 100%;
    border: 1px #d8d8d8 solid;
}
#middle #comment-box #comment-bottom {
	margin-bottom: 15px;
}
#middle #comment-box #comment-bottom #left {
	float: left;
	line-height: 30px;
    margin-top: 5px;
    font-size: 16px;
}
#middle #comment-box #comment-bottom #right {
    float: right;
    line-height: 30px;
    margin-top: 5px;
    text-align: right;
    font-size: 16px;
}
#middle #comment-box .submit, #middle-int #form .submit, #middle .submit, .modal-footer .submit {
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	color: #ffffff;
	font-size: 20px;
	background: #323531 none;
	padding: 5px 15px;
	border: 0 none;
	font-weight: normal;
	border-radius: 5px;
	margin:5px 0px; 
}

.modal-body #tacomment, .modal-body #taDesc {
    width: 100%;
}

#middle #comments #comment-text {
    padding: 20px 0;
}
#middle #comments #comment-text #photo {
    display: inline-block;
    padding: 10px;
    text-align: right;
    width: 10%;
    vertical-align: top;
}
#middle #comments #comment-text #photo img {
	max-width: 100%;
	height: auto;
}
#middle #comments #comment-text #text {
	display: inline-block;
	color: #2b2b2b;
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-weight: normal;
	width: 85%;
}
#middle #comments #comment-text #text p {
	font-size: 16px;
	margin: 15px 0;
	word-wrap: break-word;
}

#middle #comments #comment-text #text p a {
	color: #4f5559;
}
#middle #comments #comment-text #text p img {
    vertical-align: bottom;
}
#middle #comments #comment-text #text .time {
	font-size: 14px;
}
#middle #comments #comment-text #text h1 {
	font-size: 28px;
}
#middle #comments #comment-text #text span {
	/*float: right;*/
}
#middle #comments #comment-text #text span a {
	color: #ed500a;
}
#middle #comments #comment-text #text h1 span {
	font-size: 20px;
	text-align: left;
	float: none;
}
#middle #comments #comment-text #text ul {
	padding: 0;
}
#middle #comments #comment-text #text li {
    display: inline-block;
    margin: 10px 0;
    width: 49%;
    font-size: 16px;
    vertical-align: top;
}
#middle #comments #comment-text #text li img {
	margin: 0 15px 0 0;
}

#middle #comments #comment-text.cust-comment {
	background: #f2f6ff;
}

#middle #all-project {
    width: 100%;
}
#middle #all-project .table {
	
}
#middle #all-project .table th {
	font-family: "MyriadProBold", MyriadProBold, sans-serif;
	font-size: 16px;
	color: #323531;
	text-align: center;
}
#middle #all-project .table td {
	border: 0 none;
	text-align: center;
	vertical-align: middle;
}
#middle #all-project .table td.status {
	font-family: "MyriadProBold", MyriadProBold, sans-serif;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
#middle #all-project .table td.status p {
	margin: 0;
	background: #428bca none;
	padding: 8px 10px 10px;
	border-radius: 5px;
}
#middle #all-project .table td.status a p, #middle #all-project .table td.date a p {
	color: #fff;
	font-weight:bold !important;
	font-size:16px !important;
}
#middle #all-project .table td.status p.red, #middle #all-project .table td.date p.red {
	background: #d9534f;
}
#middle #all-project .table tr.status-close {
	color: #bdbdbd!important;
}
#middle #all-project .table tr.status-close td.status p, #middle #all-project .table tr.status-close td.date p {
	background: #0d0d0d none;
}
#middle #all-project .table td.date {
	font-family: "MyriadProBold", MyriadProBold, sans-serif;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
#middle #all-project .table td.date p {
    background: none repeat scroll 0 0 #428bca;
    border-radius: 5px;
    margin: 0 auto;
    padding: 6px 10px 5px;
    text-transform: uppercase;
    width: 90px;
 	min-height: 30px;
    height: 100%;
}

#middle #all-project .table td.content-text {
	text-align: left;
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 14px;
	color: #2b2b2b;
}
#middle #all-project .table td.content-text strong {
	color: #323531;
	font-family: "MyriadProBold", MyriadProBold, sans-serif;
	font-size: 16px;
}
#middle #all-project .table tr.status-close td.content-text, #middle #all-project .table tr.status-close td.content-text strong {
	color: #bdbdbd;
	text-decoration: line-through;
}

#middle #manage-time h1 {
    border-bottom: 1px solid #e2e2e2;
    color: #2b2b2b;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 36px;
    margin: 20px 0 20px;
    padding: 0 20px 20px;
}
#middle #manage-time #mid-cont {
	padding: 0 20px!important;
	font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
	font-size: 16px;
	color: #2b2b2b;
}
/*#middle #manage-time #mid-cont div {
	margin-bottom: 20px;
}*/
#middle #manage-time #mid-cont.col-md-6, #middle #manage-time #mid-cont .col-md-6 {
	padding: 0;
}
#middle #manage-time #mid-cont img {
	max-width: 100%;
	width:auto !important;
}
#middle #manage-time #mid-cont select {
    margin: 8px 0 25px;
	background: #428bca;
	color: #ffffff!important /*#262626*/;
	border-radius: 5px;
}
#middle #manage-time #mid-cont .submit {
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	color: #ffffff;
	font-size: 20px;
	background: #323531 none;
	padding: 10px 15px;
	border: 0 none;
	font-weight: normal;
	border-radius: 5px;
	margin: 15px 0; 
}


#middle #manage-time #mid-cont #time-week {
}

#middle #manage-time #mid-cont #time-week .text-cont-w {
	display: inline-block;
	vertical-align: middle;
}
#middle #manage-time #mid-cont #time-week .text-cont-w strong {
	color: #428bca;
}
#middle .time-table input {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 5px;
    width: 40px;
}
#middle .time-table td {
    border: 0 none;
    text-align: center;
}
#middle .issue-alert {
    background: none repeat scroll 0 0 #3f85c1;
    color: #fff;
    font-size: 20px;
    padding: 10px 20px;
    width: 100%;
}



#middle-int {
    width:98%;
    max-width: 1184px;
    margin: 15px auto 10px;
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    padding:15px;
	text-align:left;
}

#middle-int h1 {
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 36px;
	color: #2b2b2b;
	border-bottom: 1px solid #e2e2e2;
	padding:0px 0px 15px;
	margin-bottom:20px;
}
#middle-int h1 span {
	font-size: 16px;
}
#middle-int #form {
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 15px;
	margin:0;
	width: auto;
	border: 0px solid #ff0000;
	font-weight: bold;
}

#middle-int .modal-body #form {
	margin: 0;
}

#middle-int #form p {
    font-weight: normal;
    margin: 10px 0;
}
#middle-int #form img {
    margin-top: -5px;
}
#middle-int #form select {
    font-size: inherit;
    margin: 0;
    width: 100%;
}
#middle-int #form #gray-box {
	background: #f2f2f2;
	margin: 0 -30px 10px;
	padding: 15px 30px;
}
#middle-int #form #gray-box h1 {
	margin: 0 0 20px;
}
#middle-int #form #gray-box .table td {
    border: 0 none;
    float: left;
    padding: 5px 0;
    width: 120px;
}

#middle-int #form #line-full {
	width: 100%;
}


#middle-int .btnsub {
	font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    color: #FFF;
    font-size: 20px;
    background: none repeat scroll 0% 0% #323531;
    padding: 5px 15px;
    border: 0px none;
    font-weight: normal;
    border-radius: 5px;
    margin: 5px 0px;
}


#middle-int #form #line-full .checkbox label {
	float: left;
}
#middle-int #form #line-full .checkbox label input {
	
}
/* #middle-int #form #line-full input, #middle-int #form #line-half input {
    border: 1px solid #e0e0e0;
    border-radius: 7px;
    padding: 5px;
    width: 100%;
	 margin: 5px 0 15px; 
}*/

#middle-int #form #line-full input[type=radio], #middle-int #form #line-full input[type=checkbox] {
	width: auto;
}

#middle-int #form #line-half {
    border: 0px solid #ff0000;
    float: left;
    margin-right: 4%;
    width: 48%;
}
#middle-int #form #line-half.last {
	margin-right: 0;
}
#middle-int #form #avatar {
    margin: 15px 0 20px;
}
#middle-int #form #avatar span {
	color: #a3a3a3;
}
#middle-int #form #avatar #avtr-img {
    float: left;
    line-height: 27px;
    margin: -20px 12px 0 0;
}
#middle-int #form h1 {
    border: 0 none;
    padding: 0;
}

.checkbox > label {
    display: inline-flex !important;
}

#footer {
	background: #3f85c1 none;
	min-height: 37px;
	border: 0px red solid;
}
#footer #foot-int {
	max-width: 1184px;
	margin: 0 auto;
	width: 100%;
	color: #fff;
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 12px;
	padding: 10px;
	text-align:left;
}
#footer #foot-int a {
	color: #fff;
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 12px;
	text-decoration: none;
}


#mid-form div.panel,p.flip {
	margin: 0px;
	padding: 5px;
	text-align: center;
	background: #ddd;
	border: solid 1px #e6e6e6;
	border-left: 6px solid #3c7fb8;
}

#mid-form div.panel {
	background: url("images/panel-bg.jpg") repeat-x scroll center top / auto 100% #f6f6f6;
	width: 99%!important;
	height: auto;
	display: none;
	border-radius: 0;
	padding-bottom: 15px;
	padding-top: 15px;
}
#mid-form div.panel ul {
	margin: 0;
	padding: 0 0 0 20px;
	text-align: left;
}
#mid-form div.panel li#assigned, div.panel li#customers, div.panel li#documents {
	display: inline-block;
	width: 350px;
	vertical-align: top;
	text-align: left;
	/*max-width: 100%;*/
	max-width: 32%;
}

#middle #mid-form #start-end-date {
	font-size: 16px;
	font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
	width: 100%;
}



#mid-form div.panel li h1 {
	font-family: "MyriadProBold", MyriadProBold, sans-serif;
	font-size: 24px;
	color: #323531;
}
#mid-form div.panel li h1 span {
    background: none repeat scroll 0 0 #323531;
    border-radius: 20px;
    color: #fff;
    margin: 0 15px 0 0;
    padding: 0px 9px;
}
#mid-form div.panel li li {
	list-style-position: inside;
	margin: 0 0 0 30px;
	font-size: 16px;
	/*list-style-image: url(images/bullet-icon.png);*/
	list-style-type: none;
	background: url(images/bullet-icon.png) no-repeat left 4px scroll transparent;
	padding: 0 0 0 25px;
	line-height: 25px;
}
#mid-form div.panel li#assigned li {
    margin: 0 10px 0 30px;
    width: auto /*34%*/;
	float: left;
}
#mid-form div.panel li#documents li {
	background: none;
	padding: 0;
}
#mid-form div.panel li#documents li img {
	margin: 0 10px 0 0;
}
#mid-form div.panel li#documents h1 img {
	float: right;
	width: inherit;
}
.dropdwn-short {
	float: left;
	height: auto;
	margin-right: 25px;
	width: 46%;
	margin-bottom: 10px;
}
.radio-span-1, .radio-span-2, .radio-span-3, .radio-span-4 {
	  display: block;
    float: left;
    height: auto;
    line-height: 20px;
    margin-bottom: 10px;
    margin-right: 8px;
    margin-top: 15px;
    width: 23%;
}
.img {
	height: auto;
	width: 100%;
}

#line-full {
    margin: 15px 0px 0 !important;
	font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
font-size: 14px;
color: #2B2B2B;
text-align:left;
}

#line-full span input[type=radio] {
	margin: 0 5px 0 5px;
}

.saveproject{
	background: none repeat scroll 0 0 #323531;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 5px 0;
    padding: 5px 15px;
}
.row {
	font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 14px;
    color: #2B2B2B;
}

.modal-title {
    font-size: 36px!important;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif!important;
    color: #2b2b2b!important;
    padding:0px!important;
	margin: 0px!important;
	border-bottom: 1px solid #E2E2E2;
	text-align: left;
}

.modal-body #form {
    text-align: left;
}

#form h1 {
    font-size: 36px;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    color: #2b2b2b;
    padding:0px 0px 10px 0px;
	margin:0px;
	border-bottom: 1px solid #E2E2E2;
	text-align:left;
}

#form > div {
    color: #2b2b2b;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 14px;
	text-align:left;
}
button, input, optgroup, select, textarea {
    margin: 5px 0 10px;
    font: inherit;
    color: inherit;
    border: 1px solid #CCC;
}

.in_ser_button{font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    color: #FFF;
    font-size: 20px;
    background: none repeat scroll 0% 0% #323531;
    padding: 5px 15px;
    border: 0px none;
    font-weight: normal;
    border-radius: 5px;
    margin: 5px 0px;
}




#middle-int .tab-half {
    display: inline-block;
    width: 48%;
    margin-right: 1%!important;
}

#middle-int .tab-half .form-control {
	width: 100% !important;
	background-color: #428bca;
}




#line-full .aspNetDisabled {
	/*background-color: #fff;*/
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    margin-top: 4px;
}



#footer .btn.btn-primary.btn-lg {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 0;
}


.row .checkbox label {
    width: 40%;
}
span .mark {
	background-color: transparent;
}

#middle table{
	border: 0 none!important;
}




#middle #task-cont {
	line-height: 25px;
}

#middle #task-cont #l-col-task {
    display: inline-block;
    width: 20%;
    font-weight: bold;
    vertical-align: top;
}

#middle #task-cont #r-col-task {
	display: inline-block;
	max-width: inherit;
	width: 25%;
	vertical-align: top;
	margin-right: 10px;
}






/* new added styles for project bar */


#middle #mid-form #last-div-new {
    color: #2b2b2b;
    font-size: 16px;
    margin: 10px 0;
    width: 100%;
}

#middle #mid-form #last-div-new #task-cont {
	/* border-right: 1px #2b2b2b solid; 
	margin-right: 15px;
    padding-right: 25px;
    font-size: 16px;
    display: inline;  */
}

#middle #mid-form #last-div-new #proj-manager {
	border-left: 1px #2b2b2b solid;
	margin-left: 15px;
    padding-left: 25px;
    font-size: 16px;
    display: inline;
}

#middle #mid-form #last-div-new #date-crtd {
	border-left: 1px #2b2b2b solid; 
	margin-left: 15px;
    padding-left: 25px;
    font-size: 16px;
    display: inline;
}

#moreTabs #TasknotifyID {
    display: none;
}

#ControlBar {
	box-sizing: content-box;
}


#swicth {
	text-align: center;
}
	
#swicth .saveproject {
	font-size: 12px;
	background: #eaeaea;
	color: #333 !important;
}

.modal-body {
	padding-top: 0!important;
}


.modal-header {
	padding: 0 15px!important;
}


.lblMessage {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #3f9500;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 5px;
}

@media only screen and (max-width: 1194px) {

	#middle #mid-form div, #middle #mid-form-a .contf {
		margin: 0 10px;
	}
	#footer #foot-int {
		width: 96%;
	}
}
@media only screen and (max-width: 1024px) {
	
#header #head-int {
    width: 100%;
    margin: 0px auto;
    max-width: 100%;
    padding: 0 10px;
}
#header #head-int #logo {
    padding: 10px 10px 10px 0px;
    float: left;
    border-right: 1px solid #B7BFC6;
    display: block;
}
#header #head-int #menu {
    float: left;
    margin-left: 0px;
}
#header #head-int #head-right ul {
    margin: 10px 0px 0px;
}
.DnnModule ul, ol {
    padding: 0px 0px 0px 0px;
}
#middle #mid-form-a.people {
	margin-bottom: 15px;
	padding: 0 0 0 0;
	margin-top:15px;
}
#middle {
    max-width:100%;
    width: auto;
    margin: 10px;
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    padding: 0;
}
#middle #mid-form select {
    padding: 5px!important;
    font-size: 18px!important;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif!important;
    /*color: #262626!important;*/
    margin-left: 10px!important;
    border: 1px solid #CCC!important;
    width: 150px!important;
}
#middle #mid-form div, #middle #mid-form-a .contf {
    margin: 0px 5px;
}
#middle #mid-form div {
	font-size: 15px;
}
#middle #mid-form #last-div #left {
    border-right: 1px solid #DCDCDC;
    display: inline-block;
    padding-right:5px;
    text-align: right;
    margin:0 5px;
}
select {
    border: 1px solid #CCC!important;
    color: #fff!important;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif!important;
    font-size: 18px!important;
    margin-left: 10px!important;
    padding: 5px!important;
    width: 165px!important;
}
#middle #comment-box .submit, #middle-int #form .submit, #middle .submit {
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    color: #FFF;
    font-size: 18px;
    background: none repeat scroll 0% 0% #323531;
    padding: 5px 15px;
    border: 0px none;
    font-weight: normal;
    border-radius: 5px;
    margin: 5px 0px;
}
#middle-int #form {
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 15px;
	margin: 0 10px;
	width: auto;
	border: 0px solid #ff0000;
	font-weight: bold;
}
#footer #foot-int {
	max-width:98%;
	margin: 0 auto;
	width: 100%;
	color: #fff;
	font-family: "MyriadProRegular", MyriadProRegular, sans-serif;
	font-size: 12px;
	padding: 10px 0;
}

#middle #mid-form {
	padding: 15px 0 20px;
}
#middle #mid-form #task-button {
	font-size: 18px;
}
#header #head-int #menu .navbar-nav > li > a {
	padding-top: 0;
	display: inline-table;
	margin: 0 5px;
}

	#middle-int .tab-half {
	    display: inline-block;
	    width: 48%;
	    margin-right: 1%!important;
	}
	#middle-int .tab-half select {
		margin-left: 0!important;
	}


}


@media only screen and (max-width: 960px) {
	#header #head-int #logo {
		padding: 15px 10px 20px 0;
	}
	#header #head-int #menu > ul {
	    padding: 0 0 0 10px;
	}
	#header #head-int #menu li {
		margin: 0 0px 0 0;
	}
	#header #head-int #menu li a {
		font-size: 13px;
	}
	#header #head-int #head-right ul {
	    padding: 0;
	    text-align: center;
	}
	#middle .table#people td#col-4 {
	width: 16%;
}

}

@media only screen and (max-width: 800px) {
	#header #head-int #logo {
		width: 160px;
	}
	.nav > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}

}



@media only screen and (max-width: 800px) {
#header #head-int #logo {
    padding: 15px 5px 15px 0px;
}
#header #head-int #menu li img {
    margin: 0px 10px 5px 0px;
    border: 0px none;
}
.nav > li > a {
    position: relative;
    display: block;
    padding:5px;
}
.btn-lg, .btn-group-lg > .btn {
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
    padding: 10px 0px;
}

#header #head-int #head-right {
	margin-top: 7px;
}
#header #head-int #head-right li {
    display: inline-block;
    margin: 0px 3px 0px 0px;
}

#header #head-int #head-right li .btn.btn-primary.btn-lg {
    border-radius: 0;
    line-height: 0;
    padding: 0 0 0px;
    margin: 0;
}

#middle #mid-form {
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 18px;
    color: #262626;
    text-align: center;
}
#middle #mid-form select {
    padding:0px!important;
    font-size: 15px!important;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif!important;
    /*color: #262626!important;*/
    margin-left:5px!important;
    border: 1px solid #CCC!important;
    width: auto!important;
}
select {
    border: 1px solid #CCC!important;
    /*color: #262626!important;*/
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif!important;
    font-size: 15px!important;
    margin-left:0px!important;
    padding: 5px!important;
    width:98%!important;
}
#middle #comment-box .submit, #middle-int #form .submit, #middle .submit {
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    color: #FFF;
    font-size: 15px;
    background: none repeat scroll 0% 0% #323531;
    padding: 5px;
    border: 0px none;
    font-weight: normal;
    border-radius: 5px;
    margin: 5px 0px;
}
#middle #mid-form #last-div #left {
    border-right: 1px solid #DCDCDC;
    display: inline-block;
    padding-right: 7px;
    text-align: right;
    margin: 0;
}
#middle #mid-form #last-div {
    font-size: 15px;
    color: #2B2B2B;
}
#middle #mid-form #last-div #right {
    text-align: left;
    display: inline-block;
    margin: 0px 0px 0px 5px;
}
#middle #blue-box {
    background: none repeat scroll 0% 0% #717171;
    padding: 0px 10px;
}

#middle #mid-form div, #middle #mid-form-a .contf {
	margin: 0 2px;
}
}




@media only screen and (max-width: 767px) {
	#middle #mid-form div, #middle #mid-form-a .contf {
	    margin: 10px;
	    vertical-align: top;
	    width: 46%;
	    font-size: 20px;
	}
	
	#middle #mid-form #task-button {
	    margin: 0 auto;
	    width: auto;
	}
	#middle #mid-form #last-div div {
		color: #2b2b2b;
    	font-size: 16px;
	}
	#middle #mid-form #last-div span {
		font-size: 16px;
		color: #4f5559;
	}
	#middle-int {
		max-width: 94%;
		padding: 2% 2%;
	}
	#middle-int h1 {
		padding: 0 0px 5px;
		font-size: 24px;
	}
	#middle-int #form {
		margin: 0 0;
	}
	#middle-int #form #gray-box {
		margin: 0 -2% 10px;
		padding: 15px 2%;
	}
	#middle-int #form #gray-box h1 {
		
	}
	#header #head-int #menu {
	    float: left;
	    text-align: center;
	    width:58%;
	    margin-left: 10px !important;
	}
	#header #head-int #menu .navbar-toggle {
		float: none;
	}
	#header #head-int #menu .navbar-collapse {
	    border: 1px solid #fff;
	    border-radius: 5px;
	    /*float: right;*/
	    left: auto;
	    margin: 0 -25px 10px;
	    position: relative;
	    right: 0;
	    /*width: 90%;*/
	}
	#header #head-int #menu .navbar-toggle {
		width: 92%;
		float: none;
		margin-right: 0;
	    padding: 9px 10px;
	}
	#header #head-int #menu .navbar-toggle .menu-togg {
	    color: #fff;
	    float: right;
	    font-size: 16px;
	    margin: 10px 0;
	    display: none;
	}
	#header #head-int #menu .sr-only {
	    border: 0 none;
	    clip: inherit;
	    height: auto;
	    margin: 0;
	    overflow: visible;
	    padding: 0;
	    position: relative;
	    width: auto;
	    color: #fff;
	    text-transform: uppercase;
	    line-height: 12px;
	    float: right;
	}
	#header #head-int #menu .navbar-default .navbar-toggle .icon-bar {
	    background-color: #fff;
	}
	#header #head-int #head-right li {
		margin: 0px 0 0 0;
	}
	#header #head-int #menu {
		margin-left: 0;
		margin-top: 5px;
	}
	#middle .table#people td#col-4 {
		width: 22%;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #3f85c1;
	}
	
	.navbar-nav .open .dropdown-menu {
		background-color: #f7f7f7;
		margin-top: 5px;
		padding: 0;
	}
	#header #head-int #menu li {
		text-align: left;
		padding-left: 10px;
	}
	#header #head-int #menu li li {
		list-style: outside none none;
	    margin: 0;
	    padding: 0 0 0 10px;
	    text-align: left;
	}
	#header #head-int #menu .nav.navbar-nav {
	    padding: 0;
	}
	
	#header #head-int #menu li li a {
		padding: 5px 0 5px 5px;
	}
	
	#header .navbar-nav {
	    margin: 15px 0 0 0 !important;
	}
	
	
	/* new added styles for project bar */
	
	#middle #mid-form #last-div-new #task-cont, #middle #mid-form #last-div-new #proj-manager, #middle #mid-form #last-div-new #date-crtd {
	    border-right: 0 solid #2b2b2b;
	    margin-right: 0;
	    margin-left: 0;
	    padding-right: 0;
	    width: 100%;
	    font-size: 16px;
	}
	
	#middle #mid-form #start-end-date {
		font-size: 16px!important;
		font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
	}
	
	.lblMessage {
		font-size: 14px;
	}



}

@media only screen and (max-width: 665px) {
	#middle #placeholder {
	    max-width: 100%;
	    overflow: scroll;
	}

	#pagewrapper {
	    border: 1px solid #dadada;
	    margin: 0 auto;
	    width: 98%;
	}
	#middle {
		border: 0 none;
	}
	#middle #mid-form {
		border: 0 none;
		margin-bottom: 0;
    	padding-bottom: 0;
    	text-align: left;
	}
    #middle #mid-form div, #middle #mid-form-a .contf {
       width: 98%;
       display: inherit;
       text-align: left;
       margin: 10px 0px;
    }
	
	#middle #mid-form #task-button {
	    display: inline-block;
	    margin: 0 auto;
	    width: auto;
	}
	
	#middle #mid-form #last-div {
	    background: none repeat scroll 0 0 #f9f9f9;
	    border-bottom: 1px solid #c8c8c8;
	    border-top: 1px solid #c8c8c8;
	    color: #2b2b2b;
	    font-size: 18px;
	    margin:10px 0px 10px;
	    padding: 10px 0;
	    width: 100%;
	}
	#middle #mid-form #last-div #left, #middle #mid-form #last-div #right {
		width: auto;
		max-width: 49%;
	}
	#header {
	    background: none repeat scroll 0 0 #3f85c1;
	    border: 0 solid red;
	    margin: 0;
	    min-height: inherit;
	}
	#header #head-int #logo {
		display: none;
	}
	#header #head-int #logo-mob {
		display: block;
		float: left;
		padding: 10px 5px;
	}
	#middle #comments #comment-text #text li {
		width: 100%;
		display: inherit;
	}
	#header #head-int #head-right li img {
	    max-width: 80%;
	}
	
	#middle #comment-box {
		padding: 0 5px;
	}
	#middle #comment-box #button {
	    border-radius: 5px;
	    color: #2b2b2b;
	    display: inline-block;
	    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
	    font-size: 13px;
	    margin: 0;
	    padding: 5px;
	}
	#middle #comment-box .submit {
		background: none repeat scroll 0 0 #323531;
	}
	#middle #comment-box #comment-bottom #left, #middle #comment-box #comment-bottom #right {
		float: none;
		text-align: left;
	}
	.dropdwn-short {
	float: left;
	height: auto;
	margin-right: 25px;
	width: 99% !important;
	margin-bottom: 10px;
}
.radio-span {
    display: block;
    float: left;
    height: auto;
    line-height: 20px;
    margin-bottom: 10px;
    margin-right: 8px;
    margin-top: 15px;
    width: 46% !important;
}

#middle #mid-form-a .conte {
	float: none;
	text-align: center;
}
#middle #mid-form select {
    padding:5px 0!important;
    font-size: 15px!important;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif!important;
    /*color: #262626!important;*/
    margin-left:0px!important;
    border: 1px solid #CCC!important;
    width:100%!important;
}
select {
    border: 1px solid #CCC!important;
    color: #fff!important;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif!important;
    font-size: 15px!important;
    margin-left:0px!important;
    padding: 5px!important;
    width:100%!important;
}





#middle #task-cont #l-col-task {
    width: 24%;
}

#middle #task-cont #r-col-task {
	width: 70%;
}

}


@media only screen and (max-width: 568px) {
#header #head-int #head-right ul {
    margin: -7px 0px 0px;
}
.navbar-nav {
    margin: 5.5px 0px;
}

#header #head-int #head-right li {
		margin: 15px 0 0 0;
	}


}


@media only screen and (max-width: 480px) {
	
	#middle #comments #comment-text #text {
		width: 80%;
	}
	#middle #mid-form select, #middle #mid-form-a .contf select {
		width: 190px!important;
	}
	
	/*#middle #mid-form select, #middle-int #form select {
		padding: 5px 0!important;
		border: 1px red solid!important;
	}*/
	
	div.panel ul {
		margin: 0;
		padding: 0;
		text-align: left;
	}
	/*div.panel li#assigned li {
		float: none;
		margin: 0 0 0 30px;
		width: 90%;
	}*/
	
	div.panel li h1 {
		font-size: 20px;
	}
	#mid-form div.panel li h1 {
		font-size: 20px;
	}
	
	div.panel li#assigned, div.panel li#customers, div.panel li#documents {
		width: 240px;
	}
	#mid-form div.panel ul {
		padding: 0;
	}
	#mid-form div.panel li#assigned, div.panel li#customers, div.panel li#documents {
		max-width: 100%;
	}
	div.panel li li {
		font-size: 13px;
		margin: 0 10px;
	}
	div.panel li#assigned li {
		margin: 0 10px;
	}
	div.panel li#documents h1 img {
		float: right;
		width: 20px;
	}
	
	#mid-form div.panel li li {
	    float: none;
	    margin: 0 10px;
	    width: 90%;
	    font-size: 12px;
	}

	#mid-form div.panel li#assigned li {
	    float: none;
	    margin: 0 10px;
	    width: 90%;
	}
	
	
	
	
	#middle .table#people td {
	    padding: 3px;
	}
	#middle .table#people td#col-1 {
		width: 20%;
	}
	#middle .table#people td#col-2 {
	}
	#middle .table#people td#col-3 {
		
	}
	#middle .table#people td#col-4 {
		width: 12%;
	}
	#middle .table#people td img {
		max-width: 60%;
	}
	#middle .table#people td img.avatar {
		margin-right: 5px;
		max-width: 50%;
	}
	#middle .table#people td h1 {
		font-size: 18px;
		margin: 5px 0;
	}
	#middle .table#people td p {
		font-size: 12px;
	}
	
	#middle #all-project {
	    overflow: auto;
	    width: 100%;
	}
	
	#middle .time-table {
		overflow: scroll;
	}
	.radio-span {
	    display: block;
	    float: left;
	    height: auto;
	    line-height: 20px;
	    margin-bottom: 10px;
	    margin-right: 8px;
	    margin-top: 15px;
	    width: 41%;
	}

	#header #head-int #menu {
		width: 40%;
	}
	
	#head-right .btn-lg, .btn-group-lg > .btn {
		padding: 0 0;
	}
	#header #head-int #menu li img {
		margin: 0 5px 5px 0;
	}
	
	#header #head-int #head-right {
	    float: right;
	    margin-top: 10px;
	}
	#header #head-int #menu li ul.dropdown-menu {
		margin-left: -10px !important;
	}
	#middle .time-table td {
		font-size: 12px;
	}
	#middle #manage-time #mid-cont #time-week .text-cont-w {
		font-size: 10px;
	}
	
	
	#middle #task-cont {
		line-height: 20px;
	}
	
	#middle #task-cont #l-col-task {
	    width: 100%;
		text-align: left;
	}
	
	#middle #task-cont #r-col-task {
		width: 100%;
		margin-bottom: 10px;
		text-align: left;
	}
	
	#middle #mid-form #start-end-date {
		font-size: 13px!important;
		font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
	}
	
	
	ul.nav.nav-tabs {
	    font-size: 11px;
	    margin: 0;
	}
	
	#middle #comments #comment-text #photo {
		display: none;
	}
	
	#middle #comments #comment-text {
	    padding: 0 10px;
	}
	
	#header #head-int #menu .navbar-collapse {
		margin: 0 -32px 10px;
	}
	
	#middle {
		margin-top: 0;
	}
	
	#middle #mid-form {
		padding: 0;
	}
	
	#middle-int {
		margin-top: 0;
		padding: 0 2%;
	}
	
	.nav-tabs li a {
	    padding: 2px !important;
	}
	#form #line-full input[type=radio] {
		margin: 4px 4px 0;
	}
	
	.modal-body {
		padding-top: 0!important;
	}
	.modal-header {
		padding: 0 15px;
	}
	.modal-header .close {
		margin-bottom: 0;
    	margin-top: 12px;
	}
	#middle #placeholder {
		overflow: auto;
	}
	
	ul.task-l li {
		list-style-image: url('images/task-l-bullet.png');
	}
	
	
	
	#middle #task-cont #hsi-line #l-col-task {
	    border-right: 1px solid #000;
	    display: inline-table;
	    font-weight: normal !important;
	    margin-right: 2px !important;
	    padding: 0 4px 0 0 !important;
	    width: auto;
	    line-height: 10px;
	}
	
	#middle #task-cont #hsi-line #l-col-task.last-p {
		border-right: 0px solid #000;
	}
	
	


	
	
	


}

span.radio-span-1 .btn, span.radio-span-1 .btn:focus {
    background: transparent url('images/cerlc1.png') no-repeat scroll left center;
    border: medium none;
    color: #333;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    padding: 3px 0 3px 30px;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0;
}

span.radio-span-1 .btn:active:focus, span.radio-span-1 .btn.active:focus, span.radio-span-1 .btn.focus, span.radio-span-1 .btn.focus:active, span.radio-span-1 .btn.active.focus, span.radio-span-1 .btn:active, span.radio-span-1 .btn.active {
	background: transparent url('images/cerlc1-1.png') no-repeat scroll left center;
	border: medium none;
    color: #333;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    padding: 3px 0 3px 30px;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0;
}


span.radio-span-2 .btn, span.radio-span-2 .btn:focus {
    background: transparent url('images/cerlc2.png') no-repeat scroll left center;
    border: medium none;
    color: #333;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    padding: 3px 0 3px 30px;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0;
}

span.radio-span-2 .btn:active:focus, span.radio-span-2 .btn.active:focus, span.radio-span-2 .btn.focus, span.radio-span-2 .btn.focus:active, span.radio-span-2 .btn.active.focus, span.radio-span-2 .btn:active, span.radio-span-2 .btn.active {
	background: transparent url('images/cerlc2-1.png') no-repeat scroll left center;
	border: medium none;
    color: #333;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    padding: 3px 0 3px 30px;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0;
}



span.radio-span-3 .btn, span.radio-span-3 .btn:focus {
    background: transparent url('images/cerlc3.png') no-repeat scroll left center;
    border: medium none;
    color: #333;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    padding: 3px 0 3px 30px;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0;
}

span.radio-span-3 .btn:active:focus, span.radio-span-3 .btn.active:focus, span.radio-span-3 .btn.focus, span.radio-span-3 .btn.focus:active, span.radio-span-3 .btn.active.focus, span.radio-span-3 .btn:active, span.radio-span-3 .btn.active {
	background: transparent url('images/cerlc3-1.png') no-repeat scroll left center;
	border: medium none;
    color: #333;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    padding: 3px 0 3px 30px;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0;
}


span.radio-span-4 .btn, span.radio-span-4 .btn:focus {
    background: transparent url('images/cerlc4.png') no-repeat scroll left center;
    border: medium none;
    color: #333;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    padding: 3px 0 3px 30px;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0;
}

span.radio-span-4 .btn:active:focus, span.radio-span-4 .btn.active:focus, span.radio-span-4 .btn.focus, span.radio-span-4 .btn.focus:active, span.radio-span-4 .btn.active.focus, span.radio-span-4 .btn:active, span.radio-span-4 .btn.active {
	background: transparent url('images/cerlc4-1.png') no-repeat scroll left center;
	border: medium none;
    color: #333;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    padding: 3px 0 3px 30px;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 0;
}


@media only screen and (max-width: 375px) {
	#middle #placeholder {
		max-width: 320px;
	}
	#placeholderTimeCard {
		max-width: 320px;
	}
	#middle .time-table {
		max-width: 280px;
	}


}

@media only screen and (max-width: 360px) {
	#middle #placeholder {
		max-width: 300px;
	}
	#placeholderTimeCard {
		max-width: 300px;
	}
	#middle .time-table {
		max-width: 260px;
	}

}

@media only screen and (max-width: 320px) {
.nav > li > a {
    position: relative;
    display: block;
    padding: 0px;
}

.modal-title {
    font-size: 18px !important;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif !important;
    color: #2B2B2B !important;
    padding: 0px !important;
    margin: 0px !important;
    border-bottom: 1px solid #E2E2E2;
}
#form h1 {
    font-size: 18px;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    color: #2B2B2B;
    padding: 0px 0px 10px;
    margin: 0px;
    border-bottom: 1px solid #E2E2E2;
}

#middle #blue-box {
    background: none repeat scroll 0% 0% #717171;
    padding: 10px 10px 45px 10px;
    margin: 0px 0px 10px 0px;
}

#middle #placeholder {
	max-width: 270px;
}
	#placeholderTimeCard {
		max-width: 270px;
	}
	
	#middle .time-table {
		max-width: 230px;
	}
	
	
	#mid-form #taskpanel ul {
	    max-width: 258px;
	}
	
	.upbox-popup {
		max-width: 272px;
	}

}

/* 320 end */


 
 

#middle #mid-form #editProject img {
    height: auto;
    max-width: inherit;
    width: auto;
}





/* temp skin css */
#artical-wrapper-in, #contentbox-in, #content-midbox-in{
	max-width: 100%!important;
	margin-left: auto;
}




.btnsub1 {
    background: none repeat scroll 0 0 #323531;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 5px 0;
    padding: 5px 13px !important;
    width: auto !important;
}

.btncleanUp 
{
    background: none repeat scroll 0 0 #323531;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-family: "MyriadProRegular",MyriadProRegular,sans-serif;
    font-size: 14px;
    font-weight: normal;
}