﻿.header1 .headerRow{
    position:relative;
}
.header1 .headerRow #menu {
  float: none;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.menuBtn {
    text-decoration: none;
    color: #20aa6c;
    cursor: pointer;
    font-size: 19px;
    float: right;
    margin-right: 15px;
    margin-top: 30px;
    display: none;
    border-radius: 5px;
}

/*.SIDE_Dropdown {
  display: inline-block;
  margin-right: 10px;
  width: 45%;
  margin-bottom:25px;
  margin-left:20px;
}
.SIDE_Dropdown.right_dropdown_select {
  float: right;
}*/
.SIDE_Dropdown .left-SIDEDropdown {
  display: inline-block;
  width: 69%;
}
.SIDE_Dropdown .left-SIDEDropdown #FkProgressOption_chosen.form-control.rounded{
  width: 72% !important;
}
.SIDE_Dropdown #jobActionsDrp_chosen.form-control.rounded ,.SIDE_Dropdown #searchActionsDrp_chosen.form-control.rounded{
    width:81% !important;
}
.SIDE_Dropdown #searchActionsDrp_chosen.form-control.rounded a.chosen-single{
    margin-top:0;
}
.caret {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid #ffffff;
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: transparent;
    background:#fff;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.actions .dropdown {
  border: 0 none;
display: inline-block;
padding: 0;
position: relative;
vertical-align: middle;
}
.actions a.view ,.actions a.print {
  float: right;
}

.dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.actionsBtn .dropdown-menu li {
  border-bottom: 1px solid #e3e3e3;
}
.dropdown-menu > li > a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: 400;
    line-height: 1;
    padding: 5px 20px;
    white-space: nowrap;
}
.gridrow:hover ul li a {
    color: #333333;
}
.gridrow:hover ul li a:hover{
   color:#428bca;
}
.HiddenValue{
    overflow:hidden;
}

/*.WidthRow{
    margin-left:-15px;
    margin-right:-15px;
    clear:both;
}
.WidthRow .fullwidth{
     min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    
}
.WidthRow .fieldsetinner{
    width:45%;
    padding-left: 15px;
    padding-right: 15px;
} 

.form3 .WidthRow .fieldsetinner.HalfInnerField:nth-child(3n+2){
    float:right;
    width:48%;
}*/

@media (max-width: 1200px) {

    .dropdown-menu a {
        text-align: center;
    }
}

@media only screen and (max-width:1229px) {

    ./*topHeaderInner, .headerRow, .row, .searchPanel {
        width: 1000px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }*/

    .topHeaderData {
        padding-right: 10px;
        width: auto;
    }

    .tabcontainer {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
    }

    .leftcol , .fixed-header{
        width: 23%;
    }

   

    .rightcol {
        width: 71%;
    }

.gridcontainer {
    max-width: 100%;
    width: 100%;
    float: none;
    overflow-x: auto;
    overflow-y: auto;
    display: block;
}
}

@media only screen and (max-width:1023px) {
    .headerRow div:first-child {
        padding-left: 10px;
    }
    .menuBtn {
        display: block;
        padding: 5px 8px;
        background: #eee;
    }
    #menu {
        /*position: absolute;
        background: #eee;*/
        z-index: 100;
        padding: 10px;
    }

        #menu.close {
            display: none;
        }

        #menu li {
            float: none;
            display: block;
            text-align: left;
            border: 0;
            padding: 10px;
        }

            #menu li a {
                display: block;
                padding: 0 !important;
                font-weight:normal;
            }

                #menu li a:hover {
                    color: #666;
                }

                #menu li a.active {
                    background: none;
                    padding: 0 !important;
                }

            #menu li.dropdown {
                background-position: right 13px;
            }

        #menu ul {
            position: relative;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            background: none;
        }

            #menu ul li {
                border: 0;
                background: none;
            }

                #menu ul li a {
                    font-size: 14px;
                    padding: 7px;
                }


    .topHeaderInner, .headerRow, .row, .searchPanel {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .row h1 {
            padding-left: 10px;
        }

    .tabcontainer {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    .topHeaderData {
        float: none;
        text-align: right;
    }

    .dashBoardcenter .dashboard {
        width:100%;
        text-align: center;
    }

    .footerinner {
        text-align: center;
    }

    .the-box {
        padding: 10px;
    }

    .breadcrumb {
        margin-right: 10px;
    }

    #_IFrameId, .modal-window {
        width: 100% !important;
    }        
}

@media only screen and (max-width:768px) {

    .breadcrumb {
        width: auto;
        float: none;
        display: block;
        padding-left: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .nav-tabs li {
        width: 100%;
        margin-bottom:10px !important;
    }
    .tab-content {
        overflow: scroll;
    }
}

    @media only screen and (max-width:767px) {

        
        /*topHeaderData{ float:none; text-align:right;}*/
        .pageSub-header h2 {
            font-size: 18px;
        }

        #_IFrameId, .modal-window {
            width: 100% !important;
            top: 0;
            left: 0;
            margin-left: 0 !important;
            margin-top: 0 !important;
        }

        .leftcol {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 2%;
        }

        .rightcol {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        /*.gridcontainer table {
        width: 500px;
    }*/

        .folder-link {
            height: auto;
        }

        .leftfolder {
            position: relative !important;
            top: 0 !important;
            width: auto;
        }

        .formwrapper {
            width: 100% !important;
            float: none !important;
            margin-right: 0 !important;
            overflow: hidden;
        }

        .pageSub-header, input[type=text] {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    }


    @media only screen and (max-width:479px) {

        .logininner {
            border-radius: 0;
        }

        .dashBoardcenter .dashboard {
            width: 100%;
            margin-right: 0;
        }

        #_IFrameId, .modal-window {
            height: 100% !important;
        }

        .row h1 {
            display: block;
            float: none;
        }

        .breadcrumb {
            width: auto;
            float: none;
            display: block;
            padding-left: 10px;
            margin-top: 5px;
            margin-bottom: 5px;
        }


        input[type=text] {
            width: 100% !important;
        }
    }



    @media only screen and (min-width : 1025px) and (max-width : 1366px) {


        .fieldsetinner.HalfInnerField input[type=text],
        .fieldsetinner.HalfInnerField input[type=password],
        .fieldsetinner.HalfInnerField .chosen-container {
            width: 96%;
        }

        .fullwidth.FullInnerField input[type=text],
        .fullwidth.FullInnerField input[type=password],
        .fullwidth.FullInnerField select,
        .fullwidth.FullInnerField .chosen-container {
            width: 99%;
        }

        .row-container textarea {
            width: 97%;
        }

        .fullwidth.FullInnerField .cke_reset.cke_chrome {
            width: 99% !important;
        }
    }

    @media only screen and (min-width : 736px) and (max-width : 1024px) {
        .row-container .fieldsetinner.HalfInnerField {
            width: 44%;
        }

        .row-container .fullwidth.FullInnerField {
            width: 95%;
        }

        .fieldsetinner.HalfInnerField select {
            width: 100%;
        }

        .fieldsetinner.HalfInnerField input[type=text],
        .fieldsetinner.HalfInnerField input[type=password],
        .fieldsetinner.HalfInnerField .chosen-container {
            width: 96%;
        }

        .fullwidth.FullInnerField input[type=text],
        .fullwidth.FullInnerField input[type=password],
        .fullwidth.FullInnerField select,
        .fullwidth.FullInnerField .chosen-container {
            width: 95%;
        }

        .row-container textarea {
            width: 97%;
        }

        .fullwidth.FullInnerField .cke_reset.cke_chrome {
            width: 99% !important;
        }

        .SIDE_Dropdown select {
            width: 80% !important;
        }

        .SIDE_Dropdown .left-SIDEDropdown {
            display: inline-block;
            width: 100%;
        }
    }



    @media only screen and (min-width : 320px) and (max-width : 735px) {
        .row-container .fieldsetinner.HalfInnerField {
            width: 91%;
        }

        .row-container .fullwidth.FullInnerField {
            width: 91%;
        }

        .fieldsetinner.HalfInnerField select {
            width: 100%;
        }

        .fieldsetinner.HalfInnerField input[type=text],
        .fieldsetinner.HalfInnerField input[type=password],
        .fieldsetinner.HalfInnerField .chosen-container {
            width: 96%;
        }

        .fullwidth.FullInnerField input[type=text],
        .fullwidth.FullInnerField input[type=password],
        .fullwidth.FullInnerField select,
        .fullwidth.FullInnerField .chosen-container {
            width: 98%;
        }

        .row-container textarea {
            width: 95%;
        }

        .fullwidth.FullInnerField .cke_reset.cke_chrome {
            width: 100% !important;
        }

        .row-container .fieldsetinner.HalfInnerField:last-child {
            margin-left: 0px;
            margin-top: 20px;
        }

        .SIDE_Dropdown .left-SIDEDropdown select {
            width: 100% !important;
        }

        .SIDE_Dropdown .left-SIDEDropdown {
            display: inline-block;
            width: 100%;
        }

        .SIDE_Dropdown .btn {
            margin-top: 10px;
        }
    }

    @media only screen and (min-width : 200px) and (max-width : 767px) {


        .dashBoardcenter fieldset a {
            margin: 20px;
        }

        .tabbed-box {
            margin: 20px;
        }

        .main-wrapper {
            margin: 0 auto;
            width: 100%%;
        }

        .searchPanel .row-container .fieldsetinner.HalfInnerField {
            width: 91.6%;
        }
    }

    @media screen and (min-width:150px) and (max-width:1024px) {

        .row-container {
            display: block;
        }

        .header1 .headerRow #menu {
            top: 70px;
            transform: none;
            width: 100%;
            padding: 0;
        }

        #menu ul.dropdown-submenu {
            position: static !important;
            border: 0px none;
        }

            #menu ul.dropdown-submenu li {
                border-bottom: 0px none;
                background-color: transparent;
                padding: 0;
            }

        #menu li a:hover, #menu li a.active {
            background: none;
        }

        #menu ul.dropdown-submenu li a {
            padding: 8px 20px !important;
        }
    }


    @media screen and (min-width:768px) and (max-width:1024px) {
        .SIDE_Dropdown .left-SIDEDropdown #FkProgressOption_chosen.form-control.rounded {
            width: 68% !important;
        }

        .SIDE_Dropdown .left-SIDEDropdown {
            display: inline-block;
            width: 100%;
            margin-bottom: 10px;
        }

        .SIDE_Dropdown #jobActionsDrp_chosen.form-control.rounded, .SIDE_Dropdown #searchActionsDrp_chosen.form-control.rounded {
            width: 68% !important;
        }

        .searchPanel .row-container .fieldsetinner.HalfInnerField {
            width: 45.6%;
        }

        .searchPanel .row-container .fullwidth.FullInnerField input[type=text] {
            width: 98%;
        }
    }



    /*@media only screen and (min-width : 200px) and (max-width : 736px) and (orientation : portrait) {
    .dashBoardcenter {
        width: 100%;
    }

    .fieldsetinner {
        margin-bottom: 20px;
    }

        .fieldsetinner:last-child {
            margin-bottom: 0px;
        }

    .dashBoardcenter fieldset {
        margin-right: 0px;
        margin-left: 0px;
    }

        .dashBoardcenter fieldset a {
            margin: 10px auto;
            display: block;
        }
}

@media only screen and (min-width : 200px) and (max-width : 736px) and (orientation: landscape) {
    .dashBoardcenter {
        width: 610px;
    }

        .dashBoardcenter fieldset a {
            margin: 10px;
        }

            .dashBoardcenter fieldset a:last-child {
                margin: 10px;
            }
}

@media only screen and (min-width : 200px) and (max-width : 570px) and (orientation: landscape) {
    .dashBoardcenter {
        width: 410px;
    }
}*/