*
{
    margin: 0;
    padding: 0;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=4.1.0');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*@font-face
{
    font-family: Open Sans;
    src: url('../fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('truetype');
}*/

@font-face
{
    font-family: OpenSansbold;
    src: url('../fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('truetype');
}

@import 'https://fonts.googleapis.com/css?family=Open+Sans:600';
body
{
    font-family: Open Sans, Helvetica Neue, Helvetica,Arial, !important;
    font-size: 14px;
    line-height: 1.42857;
}

.table_scrollY::-webkit-scrollbar-thumb, .table_scrollX::-webkit-scrollbar-thumb {
    background-color: #1c44b9 !important;
    border-radius: 5px !important;
}
.table_scrollY {
    height: 700px !important;
    overflow: scroll;
    border-radius: 5px !important;
}
.table_scrollX {
   
    overflow: scroll;
    border-radius: 5px !important;
}
    .table_scrollX::-webkit-scrollbar {
        width: 5px !important;
        height: 6px !important;
        border-radius: 5px !important;
    }
    .table_scrollY::-webkit-scrollbar {
        width: 5px !important;
        height: 20px !important;
        border-radius: 5px !important;
    }
.brainvire-logo
{
   display: block;
    padding-bottom:18px;
    text-align: center;
}
.brainvire-logo img{ height:55px}
.dash_tbl-list
{
    width: 100%;
}
.dash_tbl-list a
{
    color: #339966;
}
.dash_tbl-list tr
{
    border-bottom: 1px solid #CCCCCC !important;
}
.dash_tbl-list tr:last-child
{
    border-bottom: none;
}
.dash_tbl-list-td-1
{
    width: 10%;
    padding: 3px 0;
}
.dash_tbl-list-td-2
{
    width: 50%;
    text-align: left;
}
.dash_tbl-list-td-3
{
    width: 40%;
}

.Holidays_tbl-list .dash_tbl-list-td-2
{
    width: 30%;
}
.Holidays_tbl-list .dash_tbl-list-td-3
{
    width: 30%;
}
.req
{
    color: red;
}
.copyrights
{
    text-align: center;
    border-bottom: none;
    margin-top: 20px;
}
.social-icons
{
    margin-top: 10px;
}
.in
{
   /* background: url(../images/linkedin.png) no-repeat 0 0;*/
    width: auto;
    height: auto;
    display: inline-block !important;
}
.fb
{
    background: url(../images/facebook.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block !important;
}
.twitter
{
    background: url(../images/twiter.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block !important;
}
.youtube
{
    background: url(../images/youtube.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block !important;
}
.twoColumn form ol li
{
    width: 50%;
    float: left;
    margin: 5px 0;
}
.twoColumn form ol
{
    list-style: none;
}
.twoColumn form ol li label
{
    width: 40%;
}
.twoColumn form ol li label
{
    width: 40%;
}
.twoColumn form ol li input
{
    width: 45%;
}
.twoColumn form ol li textarea
{
    width: 55%;
    resize: none;
}
.twoColumn form ol li select
{
    width: 45%;
}
.twoColumn form ol li em
{
    color: red;
}
.editButton
{
    background: #33ac3f;
    padding: 3px 12px;
    border: none;
    color: #fff;
    font-weight: bold;
}
.emp-details
{
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 5px;
}
ul#sidenav
{
    list-style: none;
    margin: 0 0 0 7px;
    border: 1px solid #DCDCDC;
    width: 95%;
}
#sidenav li
{
    width: 100%;
    background: #F9F9F9;
    display: inline-block;
    padding: 0 3px;
}
#sidenav li a
{
    width: 100%;
    display: inline-block;
    padding: 5px 0 6px 10px;
    color: #585858;
    border-bottom: 1px solid #D9D9D9;
}
#sidenav li:last-child a
{
    border-bottom: none;
}
#sidenav li a:hover
{
    width: 100%;
    display: inline-block;
    background: #fff;
    text-decoration: none;
    color: #1963AA;
}
#sidenav li a.active
{
    width: 100%;
    display: inline-block;
    background: #fff;
    text-decoration: none;
    color: #2B7DBC;
    font-weight: bold;
}
.emp-details
{
    position: relative;
}
.emp-details a img
{
    width: 100%;
}
.changeImg
{
    background: #000;
    position: absolute;
    width: 95%;
    left: 5px;
    bottom: 6px;
    font-weight: bold;
    padding: 5px 0;
    font-size: 15px;
}
.changeImg
{
    display: none;
}
.changeImg:hover
{
}
.emp-details:hover .changeImg
{
    display: block !important;
    text-decoration: none;
    opacity: 0.4;
    color: #fff;
}
.redTxt
{
    color: red;
}
/* Login Page Start Here */
.login-mrgn
{
    /*margin: 8% 0 0 28%;*/
    width: 525px;
}
.login-form label
{
    text-align: right;
}
.login-form input[type="checkbox"]
{
    margin: 15px 10px 0 138px;
}
.login-form_submit
{
    margin: 15px 10px 0 110px;
    width: 111%;
    border: none;
    padding: 5px;
    border-radius: 5px;
    background: #87B87F;
    color: #fff;
    font-weight: bold;
}

.forgot-pswd
{
    color: #FF0000;
    display: inline-block;
    margin-top: 14px;
}
.redTxt
{
    color: red;
}
/*New css added on 18.08.2014 starts (Praveen Chauhan)*/
.dvcenterpanewrapper h2{font-size:17px;margin:0px;font-weight:bold;margin-left:3px;}
.dvaddproj{margin:3px 5px 0 5px;}
.dvaddproj a{font-size:12px;font-weight:bold;color:#fff;background:#424242;}
.dvaddproj a i{font-size:22px;color:#fff;vertical-align:middle;}
.dvsort{ padding: 14px 0 0;color:#fff;}
.dvsort .form-control{font-size:12px;height:30px;}

.dvHeader{background-color: #f0f0f0; border: 1px solid #ddd;color: #262423;font-weight: bold;padding: 4px !important;}
.dvprojdtls-col-1, .dvprojdtls-col-2, .dvprojdtls-col-3{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.dvprojdtls-col-1{width:7.5%;float:left;}
.dvprojdtls-col-2{width:12.5%;float:left;}
.dvprojdtls-col-3{width:30%;float:left;}
.dvprojectdesc{ background-color: #f8f8f8; border:1px solid #ddd;vertical-align:top;color: #262423;padding:4px !important;text-align:justify;}
.dvprojectdesc a{margin:0 5px 0 0;}
.dvprojectdesc a i{font-size:22px;}

.selectoption{text-align:left;}
.taskName{text-align:left;}
.taskPriority{text-align:left;}
.taskDate{text-align:left;}
.taskCreatedBy{text-align:left;min-width:16.6666%;white-space: nowrap;width: 12em !important;overflow: hidden;text-overflow: ellipsis; }
.taskAction{display:inline-block;float: right;padding-top: 1px;}
span.priority{color:#FF0000;}
.viewAll{padding:10px 0;}
.viewAll a:hover{text-decoration:none;}
.viewAll a i{font-size:22px;vertical-align:middle;}
.hideContent{display:none;}
.hideVisibility{visibility:hidden;}
.dvprojectdesc:hover{background:#f6f6d4; cursor:pointer;color:#000;}
.addProjectPop{font-size:12px;background:#000;color:#fff;font-size:15px;padding:40px 0 12px; position: absolute !important;width: 100%; z-index: 999;}
.addProjectPop label{font-size:12px;}
.addProjectPop label em{font-style:normal;color:#FF0000;}
.addProjectPop textarea{vertical-align:middle;height:60px;}
.addProjectPop textarea, .addProjectPop input[type="text"],.addProjectPop select,.addProjectPop input[type="file"]{background:#424242;border-radius:5px;padding:5px;border:none;resize:none;color:#fff;font-size:12px;}
.addProjectPop select option{color:#fff;}
.addProjectPop input[type="checkbox"]{margin-right:5px;}
.buttonContainer{ padding-top:12px; border-top: 2px solid #424242;}
.popupContainer{width:680px;}
.popup{position:absolute;left:50%;margin-left:-340px;top:5%;z-index:2;display:none;}
.popupBg{background:#999;opacity:0.9;width:100%;height:100%;z-index:1;position:fixed;left:0;top:0;display:none;overflow-y:scroll;}
a.closeButton{display:inline-block;background:url(../images/delete30.png) no-repeat 0 0;height:16px;width:16px;position:absolute;right:5px;top:5px;z-index:3;}
.addTaskPop {background:#438EB9;}
.addTaskPop textarea, .addTaskPop input[type="text"],.addTaskPop select,.addTaskPop input[type="file"]{background:#fff;color:#000;}
.addTaskPop .buttonContainer{border-top:1px solid #424242;padding-top:12px;}
.addTaskPop select option{color:#000;}
.scrollBlock{height:100px;overflow-y:scroll;background:#424242;border-radius:5px;}
/*ul,li{list-style:none;}*/
.scrollBlock li{display:block;font-size:12px;}
.customCol1{width:12%;float:left;}
.customCol2{width:88%;float:left;}
.customCol2 textarea{width:100%;}
.customCol2 .custWidth{width:86.5%;display:inline-block;}
.moveAll select{padding:6px;}
a {outline: none !important;}
/*New css added on 18.08.2014 ends (Praveen Chauhan)*/

/* New CSS added on 18.12.14*/
.dvprojdescdrop{background: url("../images/upN.png") no-repeat scroll 34px center transparent;cursor: pointer;padding:12px 26px;}
.subTaskDisplayIcon{background: url("../images/up1.png") no-repeat scroll 34px center; cursor: pointer;padding:12px 26px;}
.subTaskshowIcon {background: url("../images/down1.png") no-repeat scroll 34px center rgba(0, 0, 0, 0);cursor: pointer;padding:12px 26px;}
.taskChkBox {margin-left:0px; }
.TaskId {font-weight:normal;}
.taskId { text-align: left; width: 40px;margin-left: 70px; vertical-align: middle; padding-top:1px;}
.activeprojclass {background-color: #e2e3e4; color: #262423;}

.projname .projid{text-align:left; }
.projid{text-align:left; }
.projCreatedBy{min-width:16.6666%;white-space: nowrap;width: 12em !important;overflow: hidden;text-overflow: ellipsis; }
.ProjDisplay{margin:left;}
.projname label {cursor: pointer;display: inline-block;font-size: 14px;margin-left:20px;vertical-align: top;width: 200px;font-weight:normal}
.allSubTasksDisplay{border:1px solid #DDDDDD;color: #262423;padding:4px;text-align: justify; font-size: 13px;padding:4px}
span.projPriority  {padding: 5px 5px 0;    text-align: center;    width: 85px;}
.subdvprojdescedit {background: url("../images/addprojeditIconN.png") no-repeat scroll center center transparent;cursor: pointer;padding:2px 19px;z-index: 25;}
.subTaskEditIcon {display: inline-block;float: right;}
.allSubTaskEditIcon{display: inline-block;float: right;margin-right:-5px;}
.descdropshowIcon {background: url("../images/dwonN.png") no-repeat scroll center center rgba(0, 0, 0, 0);}
.allTasksDisplay { font-size: 13px; font-weight: bold; color: #262423;  width: 100%; height:100%; float:left; }

.dvindprojectdesc{ background-color: #9BBECE;border: 1px solid #DDDDDD;color: #262423;cursor: pointer;    display: block;  font-weight:bold;  float: left;    padding: 4px 0;    width: 100%; }
.dvindprojectdesc:hover {background-color: #9BBECE;color: #FFFFFF;}
.dvprojcont h1 {color: #2679b6;font-size: 24px;font-weight: lighter;margin: 0 8px; padding: 0;}
.dvprojcont h2 {color: #2679b6;font-size: 24px;font-weight: lighter;margin: 0 8px; padding: 0;}
.comment{ border: 3px solid #d4d4d4; box-shadow: 0 0 10px rgba(125, 125, 125, 0.5); background: none repeat scroll 0 0 #fff;padding: 5px;position: absolute;z-index: 999;}

.activetaskclass { background-color: #ebeef1; color: #262423; }

.btnComment{background:url('/Content/images/comment_blank.gif') no-repeat center top;border:0;cursor: pointer;font-size:13px;width:16px;height:18px}
/*.ui-autocomplete {right: 66px !important;position: absolute !important;top: 440px !important;left:auto!important;}*/
.subTaskCreatedBy{min-width:16.6666%;white-space: nowrap;width: 12em !important;overflow: hidden;text-overflow: ellipsis; font-weight:normal;margin-left: 10px;} 
.subTasksDisplay {background-color: #ffffff;border: 1px solid #DDDDDD;color: #262423; cursor: pointer;padding: 4px;}


.projname span.projPriority {
    color: #919191;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    width: 78px;
}
.projname span.projdate {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin-left: 30px;
    vertical-align: top;
    width: 110px;
}
.projname span.projCreatedBy {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin-left: 55px;
    vertical-align: top;
    width: 120px;
}
span.projAction {
    float: right;
    margin-right: 15px;
    padding-top: 1px;
}

/*new CSS added on 3.12.14*/
/*new css for table */

#TaskCommentPopupId .btnComm, #TaskRemarkPopupId .btnComm, #SubTaskCommentPopupId .btnComm, #SubTaskRemarkPopupId .btnComm {
    background: none repeat scroll 0 0 #eb891a;
    border-radius: 0px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    height: 35px;
    
    width: 85px;
}
#TaskCommentPopupId, #TaskRemarkPopupId, #SubTaskCommentPopupId, #SubTaskRemarkPopupId {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cecece;
    
    padding: 5px;
   
    
}

.dvForm {
   /* background-color: #e7eef5;
    border: 1px solid #8fb9e3;*/
    
    width: 100%;
}

.tblist {
    text-align: left;
   
}

.viewRow
    {
     margin-bottom: 10px;
    }
    
table {
    background-color: transparent;
    max-width: 100%;
}

.tblist tr {
    /*color: #1c5b9e;*/
    font-size: 13px;
    line-height: 18px;
}

.fullwidth{width:100%}

.tblist th {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #9e9e9e;
    color: #000;
    font-size: 13px;
   
    line-height: 24px;
    padding: 2px 8px;
    vertical-align: middle;
    padding-left:20px;
}

.table__block .table__heading {
   color: #616161!important;
}
/*new css for grid*/
#grid > tfoot > tr > td {
    text-align: right;
}


.subTaskId {font-weight:normal; margin-left:20px;}
.subTaskDate {padding-top: 1px;text-align: left;vertical-align: middle;width: 120px;}
.moveToProject{color:#262423;float:right;}
.dvcenterpanewrapper .dvprojdtls{min-height:190px;background:#fff;}
.tabsProjTask{}
.dvprojdescaddN {background: url("../images/addprojplusIconN.png") no-repeat scroll center center transparent;cursor: pointer;z-index: 25; padding:2px 19px 2px 8px; }
.dvprojdescedit{ background: url("../images/addprojeditIconN.png") no-repeat scroll center center transparent;cursor: pointer;z-index: 25; padding:2px 19px 2px 8px;}
 .dvprojdtlsarea{}
 .ProjDisplay{font-weight:normal; }
 span.projPriority  {    padding: 5px 5px 0;    text-align: center;    width: 85px;}
 .ProjDisplay .urgtimp{background: url("../images/urgimp.png") no-repeat scroll center center transparent;}
 .ProjDisplay .noturgtimp{background: url("../images/important.png") no-repeat scroll center center transparent;}
.ProjDisplay .noturgtnotimp{background: url("../images/urgent.png") no-repeat scroll center center transparent;}
.disinlin{   margin-top: -6px;    position: fixed;    width: 99%;    z-index: 999;}



@media only screen and (max-width:1200px)
{
    .login-mrgn {
        margin: auto;
        /* margin: 8% 0 0 22%;*/
        width: 525px;
    }
}

@media only screen and (max-width:991px)
{
    .login-mrgn {
        margin: auto;
        /* margin: 8% 0 0 21%;*/
        width: 525px;
    }
/*New css added on 18.08.2014 ends (Praveen Chauhan)*/
.customCol1{width:100%;}
.customCol2{width:100%;}
.customCol2 .custWidth{width:100%;margin-bottom:12px;}

/*New css added on 18.08.2014 ends (Praveen Chauhan)*/
}
@media only screen and (max-width:778px)
{
    .login-mrgn {
        margin: auto;
       /* margin: 8% 0 0 0;*/
        width: 100%;
    }
    .forgot-pswd
    {
        margin-left: 110px;
        display: block;
    }
    .login-form_submit
    {
        width: 81%;
    }

}
.loaderImg1
{
    background: url(../Content/images/loading.gif) 0 0 no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 100px;
    z-index: 9001;
    left: 49%;
}



@media only screen and (max-width:501px)
{
    .login-form label
    {
        display: none;
    }
    .forgot-pswd
    {
        margin-left: 0px;
    }
    .login-form input[type="text"], .login-form input[type="password"]
    {
        width: 100%;
        margin-top: 15px;
    }
    .login-form input[type="checkbox"]
    {
        margin: 15px 10px 0 0px;
    }
    .forgot-pswd
    {
        margin-left: 25px;
        display: inline-block;
    }
    .login-form_submit
    {
        width: 81%;
    }
    /* Login Page End Here */