/* Small devices (landscape phones, 576px and up)*/


@media(max-width:1320px){

    .hideNotes{
    display: none !important;
    width: 50 !important;
}

.showNotes{
    display: block !important;
}  


.doneReportSupTd{
    width: 50%;
}

}



@media(max-width:1200px){
    
    .doneReportSupTd{
    width: 45%;
}
    
    
    .closeEventPop{
        display: block;
    }
    .divAddPointment{
        display: block;
    }
    .theAddAppSpan{
        display: none;
    }
    
    .eventsHolder{
        display: none;
    }
    .haveEventCal{
        display: block;
    }
  
  .calenderSpecial{
      display: none;
  }  
        
    .dash6 ,  .dash12 {
        width: 100%;
    }
    
    .pageSearch{
        left:1%;
    }
    
    .eventHolderSub{
        max-height: 170px;
        height: 170px;
        overflow: auto;
    }
    
    
}


@media(max-width:1000px){
  
  .calenderSpecial{
      display: none;
  }  
   
  .doneReportSupTd{
      width: 40%;
  }
  
  
  
  
    
    
}


@media(max-width:767px){
    
    .doneReportSupTd{
    width: 48%;
}
    
    
    
    .eventHolderSub{
        max-height: 170px;
        height: 170px;
        overflow: auto;
    }

    .calLabelRow{
        float: right;
        width: 170px;
    }

    .eventsHolderShow{
        display: block !important;
        width: 70%;
        height: 200px;
        right: 12%;
        background: #ccc;
        border-radius: 5px;
    }
    
    .mainIndexTitle{
        font-size: 20px !important;
    }

    #login{
        width: 80%;
        margin-top: 100px;
    }

    .loginLocationtatus{
        width: 80%;
        margin-top: 100px;
    }

    .controlWrapLogin{
        display: block ;
        margin: auto ;
    }

    .lockLogin{
        display: block;
        text-align: center;
        width: auto !important;
        float: none !important;
        font-size: 50px !important;
    }

    .lettCatsHolder{
        display: block;
        clear: both;
    }
    .lettCatsHolder .catItems{
        display: block !important;
        width: 40% !important;

    }
    .FilterLetter{
        width: 100%;
        margin: auto;
        display: block;
        float: none;
    }
    #openmainmenu{
        margin-top: 7px !important;
    }

    .leterReferContrlsHoldr{
        padding: 5px;
    }
    .dropdown-menu{
        /*right: -57px !important;*/
    }




    .gotoTop1{
        display: none;
    }
    .gotoTop2{
        display: block;
    }

    .footerBtnsSmallSizeHolder{
        display: block;
    }


    /*Javanshir code*/

    .leftFloatShortCuts ,.topMenuXsHide,.feedBackDiv,.placeDonesOpenBtn,.rm_icon_tempp,#show-shortcutes{
        display: none !important;
    }



    .notiSmallUlTogle{
        display: block;
    }

    .topMenuLeftTop1{
        width: 50px;
        display: none;
    }
    .alertShowBtn{
        display: block !important;
    }
    .topMenuLeftTop1{
        overflow: hidden;
    }
    .topMenuLeftTop1.openXsMenu{
        overflow: visible !important;
    }
    .NotiBarSubItems{
        display: block !important;
    }

    .notificBarMain{
        display: none;
    }
    #enter_alert{
        display: block;
        left: 0 !important;
        margin: auto;
        position: relative;
        top: 0 !important;
        width: 80%;
    }

    .placeNewAlerts{
        display: none !important;
    }

    .ui-dialog{
        max-width: 100% ;
    }
    .controls input,.controls textarea{
        max-width: 100% !important;
    }
    .chosen-container{
        max-width: 100% !important;
    }
    .hidden-xs{
        display: none !important;
    }
    .breakInXs{
        display: block;
    }




    .pdoneScores{
        float: none;
    }


    .nav-tabs li{
        display: block;
        float: none;
        border: solid 1px #ccc;
    }

    .nav-tabs .active a{
        border: none !important;
        background: #eee !important;
    }
    .widget-tabs{
        padding-top: 10px;
    }
    .taskStatTitle{
        width: 48%;
        margin-top: 10px;
        overflow: hidden;
        height: 50px;
    }
    .taskStatTitle:last-child{
        border-left: solid 1px #ccc;
    }
    .lettExtraDetails{
        font-size: 11px;
        float: none;
        background: #fff;
        border: solid 1px #ccc;
        overflow: hidden;
    }
    .peopleItemLetter{
        display: block;
        float: none;
    }
    .letterPersonHolders{
        height: 112px;
        overflow-y: auto;
        margin-top: 15px;
    }
    
    .oplLevelItem{
        width: 95% !important;
        padding: 1px 7px;
    }
    
    .optSplotOps{
        margin-top: -18px;
        transform:rotate(270deg);
        display: block;
        padding: 7px 0px;
    }
    .pageSibiling{
        display: none;
    }

    .taskDetLeftSide{
        width: 100%;
    }
    .taskDetRightSide{
        width: 100%;
    }
    .menuBtnTskDetail_I{
        display: none;
    }
    
    
    #monthTask table{
        max-width:630px !important;
        position: relative !important;
        
    }

    #monthTask {

        overflow: auto !important;
    }
    
    .payrollBimePriceDive{
        display: block;
        clear:both;
    }
    
    .coNameBarMain{
        margin-right: 0;
    }

}

/* Medium devices (tablets, 768px and up)*/
@media only screen and (max-width: 540px) {
    
        .doneReportSupTd{
    width: 43%;
}
    
    .divAddPointment{
        float: none;
    }
    
    .only_inner{
        float:auto;
        clear:both;
    }
    .tree_div{
        float: auto;
    }

     .only_inner{
        position:static;z-index: 2000;left:0%;
    }
   #ui-datepicker-div{
        visibility: hidden !important;
        z-index: -1 !important;
    }
        .popover{
        visibility: hidden !important;
         z-index: -1 !important;
    }
    .clickDivHolder{
        display: none;
    }
    #showNewMenu{
        margin-left: 10px;
    }
    #iconcontainer{
        position: absolute;
        left: 0;
        z-index: 55;
        background: #fff;
        padding: 15px;
        width: 270px;
        border: solid 1px #ccc;
        top:0;
    }
    .backOpt{
        display: block;
    }
    #pageSearch{
        width: 100% !important;
        left:0;
        padding-left: 0;
    }
    .crmResultsHolder{
        height: 150px;
        overflow: scroll;
    }
    .resultsSearchBoth{
        width: auto;
    }
    .crmResultsHolder,.pageResultsHolder{
        float: none;
        width: 100%;
        display: block;
    }
    .closeSearchBtn{
        display: none;
    }
    
    .container-fluid{
        margin-left: 0 !important;
    }
    .breadcrumb{
        margin-top: 10px !important;
    }
    .dashpad{
        padding: 3px;
        margin-right: 8px;
    }
    .deyMtn{
        margin-right: 8px;
        max-width: 100%;
    }
    
    /* CHAT */
    
    .chatbox{
        width: 300px;
    }
    .chatcontent{
        height: 50%;
    }
    
    /* TASK DETAIL */
    
    .taskDetRightSide,.taskDetLeftSide{
        width: auto;
        float: none;
        display: block;
        width: 100%;
    }
    .taskDetLeftSideInside,.taskDetRightSideInside{
        margin-left: 0;
    }
    .menuBtnTskDetail{
        display: none;
    }
    
    
    
    
}

/* Large devices (desktops, 992px and up)*/
@media only screen and (min-width: 992px) {


}

/* Extra large devices (large desktops, 1200px and up)*/
@media only screen and (min-width: 1200px) {


}