@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

body {
    font-family: 'Open Sans', sans-serif;
    font-weight:normal;
    font-style:normal;
    	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    background-color: #f3f3f4;
  
    margin: 0 auto;
    /*font-size: 13px;*/
    color: #4D5E70;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
}

label {
    color:#232323 !important;
    font-weight:600;
}
@font-face {
    font-family:  'Open Sans', sans-serif;
     src: url('https://fonts.googleapis.com/css?family=Open+Sans');
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
border:1px solid #E7E7E7;
}

/*Global CSS*/


.contentrow {
    float: left;
    margin-bottom: 10px;
    background-color: #FFF;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    height: 170px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 2px 0 #D2D3D8;
    -ms-box-shadow: 0 1px 2px 0 #D2D3D8;
    -moz-box-shadow: 0 1px 2px 0 #D2D3D8;
    box-shadow: 0 1px 2px 0 #D2D3D8;
    display: inline-block;
    margin: 4px 0;
}

/*Container is genric class for the Desktop Devices*/
.firstcapital::first-letter {
    text-transform: uppercase;
}

.container {
    max-width: 1180px !important;
    /*width: 1180px !important;*/
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
}
.guild-container {
    max-width: 1180px !important;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
}

.ellipsis {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
    text-transform: noraml;
}

.ellipsis2 {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: pre-line;
    overflow: hidden;
}

.spacing20 {
    width: 67%;
}

.spacing10 {
    width: 25%;
}

.spacing5 {
    width: 67%;
}

.spacing {
    width: 67%;
}

.wd45 {
    width: 45%;
}

#topheader {
    padding: 0 2%;
    height: 65px;
    background-color: #2E3D53;
    border-top: 1px solid #E2E2E2;
    -moz-box-shadow: 2px 2px 2px #333333;
    -moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.28);
    -ms-box-shadow: 2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;
    box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.28);
}


    #topheader .logo {
        height: 50px;
        width: 220px;
        padding-right: 10px;
        border-right: 1px solid #e7e7e7;
        margin-right: 25px;
    }

    #topheader img {
        float: left;
        display: inline-block;
    }

    #topheader .menu {
        list-style: none;
        float: left;
        z-index: 1003;
        padding: 25px 0 0 0;
    }

        #topheader .menu ul {
            margin: 0;
            list-style-type: none;
            overflow: inherit;
        }

            #topheader .menu ul li {
                float: left;
                background: none;
            }

                #topheader .menu ul li a {
                    display: inline-block;
                    text-decoration: none;
                    line-height: 1;
                    font-size: 13px;
                    letter-spacing: 0.6px;
                    color: #CEDBDF;
                    -webkit-transition: all 200ms ease-in;
                    -o-transition: all 200ms ease-in;
                    -moz-transition: all 200ms ease-in;
                    text-transform: uppercase;
                    font-family: 'OpenSans-Semibold';
                    padding: 0 10px 10px 10px;
                }

                    #topheader .menu ul li.active a,
                    #topheader .menu ul li a:hover {
                        /*color: #86aca3;*/
                        font-family: 'OpenSans-Semibold';
                        color: #fff;
                        border-bottom: 7px solid #0ea686;
                        padding-bottom: 18px;
                    }

                #topheader .menu ul li.active li a {
                    color: #dedede;
                }



#verticalheader {
   /* padding: 0 1%;
    height: 100%;
    background-color: #D6DCD7;
    border-top: 1px solid #E2E2E2;
    border-right:1px solid #D8D8D8;*/
}

table {
    background-color:transparent !important;
}

th,td {
    border-left:0px !important;
    border-right:0px !important;

}
th {
    color:#232323;
   
    background-color: #f5f5f5;
}
td {
    padding:15px !important;
}

thead {
    border-top:1px solid #D8D8D8;
}

.table-bordered {
    border:none;
}
tr {
    border:1px 0px 0px 0px !important;
    border-color:#eee !important;
}


    #verticalheader .logo {
        height: 50px;
        width: 220px;
        
    }

    #verticalheader img {
            /*height: 15px !important;*/
            margin-right:10px;
      
    }

    #verticalheader .topBarmenu {
        /*list-style: none;
        width:100%;
        z-index: 1003;
        padding: 25px 0 0 0;*/
        margin-bottom: 10px;
    }

        /*#verticalheader .topBarmenu ul {
            margin: 0;
            list-style-type: none;
            overflow: inherit;
        }

            #verticalheader .topBarmenu ul li {
               padding: 4px 0 0px 0px;
               margin-left:0px;
                background: none;
                height:auto;
                color:#232323;
            }
                #verticalheader .topBarmenu ul li.active {
                background-color:#fff;
                
                }
                #verticalheader .topBarmenu ul li.active a{
                
                color:#4CAF50;
                }
                #verticalheader .topBarmenu ul li span {
                    cursor:auto !important;
                     background-color:#f5f5f5;
                }
                  

                #verticalheader .topBarmenu ul li a,#verticalheader .topBarmenu ul li span {
                    display: inline-block;
                    text-decoration: none;
                    line-height: 30px;
                    font-size: 12px;
                    letter-spacing: 0.6px;
                    color: #232323;
                    -webkit-transition: all 200ms ease-in;
                    -o-transition: all 200ms ease-in;
                    -moz-transition: all 200ms ease-in;
                   width:100%;
                    font-family: 'Open Sans', sans-serif;
                     padding-left: 45px;
                     font-weight:normal;
                     cursor:pointer;
                }

                    #verticalheader .topBarmenu ul li.active a {
                        color: #86aca3;
                        font-family: 'Open Sans', sans-serif !important;
                    }

                    #verticalheader .topBarmenu ul li a:hover {
                        color:#4CAF50;
                        background-color:#fff;
                    }

                #verticalheader .topBarmenu ul li.active li a {
                    color: #dedede;
                }*/
.activeItemLink {
    color:#49D278;
    font-weight:bold;
}

.actions-container {
    height: 40px;
    width: 100%;
    margin-top: 25px;
}

    .actions-container .action {
        background-color: #1ABC9C;
    }


/*job stylings*/
#jobs-holder .job-row {
    width: 100%;
}

li.job-row {
    list-style: none;
}

.jobrow {
    width: 100%;
    border: 1px solid #E4E9E7;
    display: inline-block;
    margin: 4px 0;
    float: left;
    margin-bottom: 10px;
    background-color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    position: relative;
}

.job-row .job-item {
    width: 75%;
}

.job-row .notes-item {
    width: 24%;
    margin-left: 0.5%;
    height: 170px;
    max-height: 170px;
    margin: 4px 0;
    border: 1px solid;
    margin-bottom: 9px;
    background-color: #FFF;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-color: #E5E6E9 #DFE0E4 #D0D1D5;
}

    .job-row .notes-item .notes-holder {
        width: 100%;
        height: 100%;
        display: inline-block;
        padding: 7px;
        position: relative;
    }

    .job-row .notes-item .notes-header {
        border-bottom: 1px solid #D0D1D5;
        padding-bottom: 5px;
    }

    .job-row .notes-item .notes-footer {
        bottom: 7px;
        position: absolute;
        right: 7px;
        left: 7px;
        border-top: 1px solid #E5E6E9;
        padding-top: 3px;
        height: 27px;
    }

.notes-header .title {
    display: inline;
}

.notes-header .action-item {
    float: right;
    display: inline;
    padding: 0 6px;
    font-weight: bold;
    margin: 0;
}

.job-row .notes-item .wrpr-ftr, .wrpr-ftr {
    font-size: 11.5px;
    margin-left: 15px;
    color: #A5AAAC;
}

.job-row .notes-item .wrpr-img {
    float: right;
    margin-right: 12px;
    margin-left: 3px;
}

.job-row .notes-item .wrpr-cntnt {
    border-bottom: 1px solid #E5E6E9;
    padding-bottom: 10px;
}

    .job-row .notes-item .wrpr-cntnt p {
        padding: 0 20px;
        text-align: justify;
    }

.job-row .notes-item button {
    float: right;
    font-weight: bold;
    padding: 4px 9px 5px;
}


.job-component:hover .job-copylink {display:block !important;}
.job-component:focus .job-copylink {display:block !important;}
.job-component:active .job-copylink {display:block !important;}
.contact-title {
    color: #1f1e1e;
    font-weight: bold;
    text-transform: none;
}




#topheader .cnt-contnr2 img {
    height: 50px !important;
    margin-top: 0 !important;
}

a,a:hover {
    /*font-size: 13px;*/
    color: #47BBD8;
    text-decoration: none;
     outline: 0; 
}
/*To remove dotted line in mozilla firefox*/

a:active { 
    outline: none;

}  
a:focus{ -moz-outline-style: none; }
/*Done*/
/*a:hover {
        text-decoration: underline;
    }*/




h1 {
    display: block;
    font-size: 25px;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: lighter;
    color: #000;
}

h2 {
    font-size: 18px;
    color: #1ABC9C;
}

h3 {
    font-size: 16px;
    color: #26B89A;
    
    font-weight: normal;
}

.clear {
    clear: both;
}

.wrpr label {
    display: block;
    padding: 40px 5px 5px 2px;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}

.wrpr input,
.wrpr textarea,
.wrpr select {
    line-height: 1.65;
    font-size: 13px;
    padding: 9px 10px;
    color: #57616B;
    display: inline-block;
    margin: 0 7px 7px 0;
    width: 94%;
    background: transparent;
    border: 2px solid #d0d1de;
    background-color: #fff;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.wrpr textarea {
    min-height: 100px;
}

    .wrpr input:focus, .wrpr textarea:focus, .wrpr label:active + input, .wrpr label:active + textarea {
        outline: none;
        border: 2px solid #B3B0C5;
    }

.wrpr select:focus {
    outline: none;
}

#pageheader h1 {
    color: #32485E;
    font: 24px 'OpenSans-Semibold';
    margin: 0;
    padding: 10px 0;
    font-weight: normal;
}

p {
    color: inherit;
}

.jobrow a {
    display: inline-block;
    text-decoration: none;
    /*line-height: normal !important;*/
    letter-spacing: 0.3px;
    color: #0EA686;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    text-transform: none;
    font-family: 'OpenSans-Semibold';
    font-weight: normal !important;
}

    .jobrow a:hover {
        text-decoration: none;
    }

.main-contnr {
    width: 88%;
    margin: 1% auto;
    min-height: 100px;
}

.lft-contnr {
    width: 20%;
    float: left;
    background-color: rgb(167, 167, 167);
    height: 500px;
    margin-right: 3%;
    display: block;
}

.cnt-contnr {
    width: 91%;
    max-width: 1024px;
    background-color: transparent;
    /*height: 700px;*/
    margin: 0 auto;
}

.inputwrapper {
    float: left;
    width: 90%;
    margin: 2% 1%;
}

.formnote {
    display: block;
    margin-left: 7px;
}

.margin2 {
    margin: 2px;
}

.margin4 {
    margin: 4px;
}

.margin6 {
    margin: 6px;
}

.margin8 {
    margin: 8px;
}

.margin10 {
    margin: 10px;
}

.margin15 {
    margin: 15px;
}

.margin20 {
    margin: 20px;
}


.mrgt5 {
    margin-top: 5px;
    display: inline-block;
}

.wd10 {
    width: 10%;
    display: inline-block;
}

.wd20 {
    width: 20%;
    display: inline-block;
}

.wd25 {
    width: 25%;
    display: inline-block;
}

.wd30 {
    width: 30%;
    display: inline-block;
}

.wd35 {
    width: 35%;
    display: inline-block;
}

.wd40 {
    width: 40%;
    display: inline-block;
}

.wd45 {
    width: 45%;
    display: inline-block;
}

.wd50 {
    width: 50%;
    display: inline-block;
}

.wd60 {
    width: 60%;
    display: inline-block;
}

.wd65 {
    width: 65%;
    display: inline-block;
}

.wd68 {
    width: 68%;
    display: inline-block;
}

.wd70 {
    width: 70%;
    display: inline-block;
}

.wd80 {
    width: 80%;
    display: inline-block;
}

.wd90 {
    width: 90%;
    display: inline-block;
}

.wd100 {
    width: 100%;
    color: black;
}


.cnt-contnr2 {
    width: 91%;
    max-width: 1024px;
    background-color: #FFF;
    margin: 0 auto;
}



.grey-btn {
    background-color: grey;
    border: 1px solid #747474;
}

    .grey-btn:hover {
        background-color: rgb(107, 107, 107);
        color: whitesmoke;
    }

.btn {
    cursor: pointer;
    display: inline-block;
 background-color: #00A956;
    letter-spacing: 0.8px;
    padding: 7px 22px;
    color: #f5f5f5;
    font-size: 13.5px;
    line-height: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    outline: none;
    border: none !important;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .btn:hover, .btn:focus {
        background-color: #FF9933;
        background-position: 0 -15px;
        border: none !important;
        outline: none;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        -ms-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
        color: #fff;
        text-decoration: none;
    }

.blue-btn {
    background-color: #4CAF50;
    border: 1px solid #4CAF50;
}

.trans-btn {
    background-color: transparent;
    border: 1px solid #1E4855;
    color: #999;
}


.blue-btn:hover {
    background-color: #4CAF50;
    color: whitesmoke;
}

.white-btn {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    color: #333;
}


.brown-btn {
    background-color: #454545;
    border: 1px solid #1E4855;
}

    .brown-btn:hover {
        background-color: #3A3939;
        border: 1px solid #1E4855;
    }

.lght-blu-btn {
    /*   background-color: #edf3f6;*/
    color: #777;
}

    .lght-blu-btn:hover {
        background-color: #edf3f6;
        color: #333;
    }








.Job_header {
    width: 100%;
}

#cands_status {
    display: inline-block;
    width: 100%;
    border-bottom: none;
}


    #cands_status .status_spc {
        width: 20%;
        padding: 4px 10px;
        display: inline-block;
        text-align: center;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 12px;
        float: left;
    }

    #cands_status .status_spc2 {
        border-right: 1px solid #efefef;
    }

    #cands_status .status_spc:hover {
        background-color: #F8FAFD;
    }

    #cands_status .job_actions {
        width: 100%;
    }

.lst-actions img {
    width: 16px;
    height: 16px;
    vertical-align: sub;
}

.lst-actions a {
    font-size: 12px;
    text-decoration: none;
    color: #BABFCF;
}

    .lst-actions a:hover, .lst-actions a:focus, .job-header a:hover {
        color: #26B89A;
        text-decoration: underline;
    }

.job-header {
    border-bottom: 1px solid #E6EDEE;
    margin-bottom: 5px;
}

    .job-header a {
        color: #1ABC9C;
        text-decoration: none;
        font-family: 'OpenSans-Semibold';
        font-weight: normal;
        font-size: 18px;
    }

        .job-header a.jobtitle {
            max-width: 70%;
            overflow: hidden;
            -moz-text-overflow: ellipsis;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

span.breaker:before {
    content: "||";
    padding: 0 5px;
    color: #4D5E70;
}

.status_spc:hover, .status_spc:focus {
    background-color: #f5f5f5;
}

#pageheader {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 5px;
    min-height: 110px;
    background-color: #f5f5f5;
    /*border-bottom: 1px solid #d0d1d5;*/
    height: auto;
    margin-bottom:40px;
}

.job_entry {
    width: 70%;
    float: left;
    height: auto;
    clear: both;
    display: inline-block;
}

.lst-mn-contnr {
    float: left;
    border: none;
    margin-bottom: 10px;
    background-color: #FFF;
    width: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    height: 170px;
    border: 1px solid #d0d1d5;
}

.Entry_Dtails1 {
    width: 47%;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
}

.Entry_Dtails2 {
    width: 25%;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
}

.Entry_Dtails3 {
    width: 21%;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
}

.Entry_Dtails4 {
    width: 44%;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
}

.list_actions {
    width: 7.7%;
    background-color: #F1F1F1;
    border-left: 1px solid #EBEDEE;
    border-right: 1px solid #C2C5C7;
    display: inline-block;
    float: right;
    height: 110px;
    -ms-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.lst-mn-contnr p {
    margin: 0;
    padding: 0;
    line-height: 18px;
}

.lst-mn-contnr section {
    line-height: 21px;
}

.rght-Contnr {
    width: 24.6%;
    margin-left: 12px;
    float: right;
    display: inline-block;
}

    .rght-Contnr .wrpr {
        width: 100%;
        height: 250px;
        margin-top: 40px;
        border: 1px solid;
        margin-bottom: 9px;
        background-color: #FFF;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        border-color: #E5E6E9 #DFE0E4 #D0D1D5;
    }

    .rght-Contnr .wrpr-hdr {
        border-bottom: 1px solid #D0D1D5;
        padding: 0 15px;
    }

    .rght-Contnr .wrpr-ftr, .wrpr-ftr {
        font-size: 11.5px;
        margin-left: 15px;
        color: #A5AAAC;
    }

    .rght-Contnr .wrpr-img {
        float: right;
        margin-right: 12px;
        margin-left: 3px;
    }

    .rght-Contnr .wrpr-cntnt {
        border-bottom: 1px solid #E5E6E9;
        padding-bottom: 10px;
    }

        .rght-Contnr .wrpr-cntnt p {
            padding: 0 20px;
            text-align: justify;
        }

    .rght-Contnr button {
        float: right;
        font-weight: bold;
        padding: 4px 9px 5px;
    }

/*add-page-css*/

#add-jb-form:before, #add-jb-form:after, .popup:before, .popup:after {
    content: " ";
    display: table;
}

#add-jb-form:after, .popup:after {
    clear: both;
}

.cbp-mc-column {
    width: 33%;
    padding: 10px 30px;
    float: left;
}


.multiselect-container input {
    width: initial !important;
    margin: 0 !important;
}

.multiselect-container label {
    padding: 0 !important;
    margin: 0 !important;
    text-transform: initial !important;
}

#add-jb-form label, .popup label {
    display: block;
    padding: 40px 5px 5px 2px;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}

#add-jb-form input, .popup input,
#add-jb-form textarea, .popup textarea,
#add-jb-form select, .popup select {
    font-family: inherit;
    line-height: 1.65;
    font-size: 13px;
    padding: 9px 10px;
    color: #57616B;
    display: inline-block;
    margin: 0 7px 7px 0;
    width: 100%;
    background: transparent;
    border: 1px solid #d0d1de;
    background-color: #fff;
}

#add-jb-form input,
#add-jb-form textarea, .popup input,
.popup textarea {
    border: 1px solid #d0d1de;
}

#add-jb-form textarea, .popup textarea {
    min-height: 100px;
}

    #add-jb-form input:focus, #add-jb-form textarea:focus, #add-jb-form label:active + input, .popup label:active + textarea, .popup input:focus, .popup textarea:focus, .popup label:active + input, .popup label:active + textarea {
        outline: none;
        border: 1px solid #B3B0C5;
        /*background-color: #F7FAFF;*/
    }

#add-jb-form select:focus, .popup select:focus,#add-jb-form select:active, .popup select:active{
    outline: 1px solid skyblue;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #B3B0C5;
}

::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #B3B0C5;
}



::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #B3B0C5;
}

#add-jb-submit-wrap {
    text-align: center;
    padding-top: 40px;
    clear: both;
}

#add-jb-form input.add-jb-submit {
    background: #10689a;
    border: none;
    color: #57616B;
    width: auto;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 30px;
    font-size: 1.1em;
    -ms-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    letter-spacing: 1px;
}

    #add-jb-form input.add-jb-submit:hover {
        background: #1478b1;
    }

.cnt-contnr2 select {
    padding: 0;
    color: #fff;
    margin: 0;
    width: auto;
}

span.clickMe {
    font-size: 30px;
}

    span.clickMe:hover {
        cursor: pointer;
        color: green;
    }

section.hidden {
    display: none;
    position: fixed;
}

section article.popup {
    position: relative;
    width: 500px;
    height: 230px;
    background: #F5F6F8;
    color: #222;
    border: none;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 10% auto;
}

span.close {
    text-transform: uppercase;
    color: #222;
    float: right;
    vertical-align: middle;
}

    span.close:hover {
        color: red;
        cursor: pointer;
    }

.popup header {
    height: 30px;
    padding: 14px;
    background-color: #494B5C;
}

.popup h1 {
    display: block;
    font-size: 21px;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: lighter;
    color: #f5f5f5;
    text-transform: uppercase;
}

#tabCtrl {
    background-color: #FFF;
    min-height: 100px;
    padding: 0 25px 0 25px;
}

    #tabCtrl h2 {
        /*font-size: 13px;*/
        color: #6F79A5;
        padding-bottom: 5px;
        margin-bottom: 2px;
        display: inline-block;
    }

    #tabCtrl a {
        font-size: 12px;
        color: #0EA686;
    }


.feed li a {
    font-size: 15px;
    display: inline-block;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    cursor: pointer;
}

.tab {
    display: none;
}

.feed {
    float: right;
    display: inline;
    width: 58%;
    background-color: #FFF;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-color: #E5E6E9 #DFE0E4 #D0D1D5;
}

    .feed ul {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #E6EDEE;
    }

        .feed ul li {
            padding: 6px 23px;
            display: inline-block;
            margin-bottom: -6px;
            border-right: 1px solid #E6EDEE;
        }

    .feed li a:hover {
        color: #0EA686;
    }

.tab h4 {
    margin: 0;
}

.mail-actions {
    -ms-opacity: 0;
    opacity: 0;
    float: right;
}

.tab:hover .mail-actions {
    -ms-opacity: 1;
    opacity: 1;
}

.cands-status a {
    line-height: 1.8;
    color: #949EB6;
    font-size: 14px;
    padding-left: 6px;
}

.cands-status section:hover {
    background-color: #939BAA;
    color: white;
}

.cands-status a:hover {
    color: white;
}

.cands-status span {
    margin-top: 3px;
}

.cands-status .status-active {
    background-color: #0EA686;
}

    .cands-status .status-active a {
        color: #fff;
    }

    .cands-status .status-active span {
        color: #fff;
    }

.seperator {
    border-right: 1px solid #b7ccd8;
    height: 8px;
    margin: 0 8px;
    line-height: 16px;
    font-size: 8px;
    vertical-align: middle;
}



/*Container and Sections*/

.notesdescription {
    width: 95%;
}

.updatedby {
    width: 100%;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.applicant-skillset {
    width: 100%;
    overflow-wrap: break-word;
}

.timesheet-cell-box {
    height: 50px;
}

.timesheet-cell {
    text-align: center;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: bold;
}

.empty-data-container {
    height: 60px;
    float: left;
    border: none;
    display: inline-block;
    margin-bottom: 10px;
    background-color: #FFF;
   width: 100%;
    margin-top: 0px !important;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*border-color: #e5e6e9 #dfe0e4 #d0d1d5;*/
    margin-top: 30px;
    font-size: 20px !important;
    border: 1px solid #ddd;
}

.no-content-text {
    color: #C0B2B2 !important;
}


#ForwardtoClientForm input {
    outline: none;
}

.error-modal .modal-header {
    background-color: #e74c3c;
    color: #ffffff !important;
}

    .error-modal .modal-header h3 {
        color: #ffffff !important;
    }

.warning-modal .modal-header {
    background-color: #e74c3c;
    color: #ffffff !important;
}

    .warning-modal .modal-header h3 {
        color: #ffffff !important;
    }

.primary-modal .modal-header {
  /*  background-color: #26B89A; */
    background-color:#00A956;
    color: #ffffff !important;
}

    .primary-modal .modal-header h3 {
        color: #ffffff !important;
    }


.edit-modal .modal-header {
    background-color: #e67e22;
    color: #ffffff !important;
}

    .edit-modal .modal-header h3 {
        color: #ffffff !important;
    }

.display-modal .modal-header {
    background-color: #26B89A;
    color: #ffffff !important;
}

    .display-modal .modal-header h3 {
        color: #ffffff !important;
    }

.notes-item .jobnotes .notesdescription {
    width: 90%;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.notes-footer .viewdataall {
    width: 100%;
}


.btn-update {
    background-color: #e67e22;
}

    .btn-update:hover {
        background-color: #e67e55;
    }

.btn-delete {
    background-color: #e74c3c;
}

    .btn-delete:hover {
        background-color: #e74c5c;
    }



.errorLinks {
    margin: auto;
    padding-top: 30px;
}

    .errorLinks li {
        float: left;
        height: 200px;
        width: 200px;
        list-style: none;
        text-align: center;
        margin: 5px;
        color: #ffffff;
        background-color: #00A956;
    }



        .errorLinks li a {
            height: 200px;
            line-height: 200px;
            display: block;
            color: #ffffff;
            font-size: 19px;
            text-decoration: none;
        }


.vertical-actions {
    background-color: #F1F1F1;
    border-left: 1px solid #EBEDEE;
    border-right: 1px solid #C2C5C7;
    display: inline-block;
    float: right;
    -ms-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

    .vertical-actions .actionitem {
        margin: 15px 0 10px 28px;
        cursor: pointer;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
    }



/*Begin Styles for JOBS Module*/


/*Begin Styles for User JOBS Page*/



/* Job Actions Container */


.jobrow .vertical-actions {
    width: 7.7%;
}




/*End Styles for User JOBS Page*/


/*End Styles for JOBS Module*/




/*Begin Styles for JOBS Module*/


/*Begin Styles for User JOBS Page*/



/* Job Actions Container */


#partners-holder li {
    list-style: none;
}

#partners-holder .partnerrow {
    width: 75%;
}

#partners-holder .notesbox {
    width: 24%;
}



.partnerrow .vertical-actions {
    width: 7.7%;
}
/*End Styles for User JOBS Page*/


/*End Styles for JOBS Module*/




/*Begin Styles for Notes Module*/
.notesbox {
    margin-left: 0.5%;
    margin: 4px 0;
    border: 1px solid;
    margin-bottom: 9px;
    background-color: #FFF;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-color: #E5E6E9 #DFE0E4 #D0D1D5;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

    .notesbox .notes-header {
        border-bottom: 1px solid #D0D1D5;
        padding: 5px 5px 10px 5px;
    }

    .notesbox .notes-holder {
        width: 100%;
        display: inline-block;
        position: relative;
    }

.noteslistholder {
    overflow-y: scroll;
  display: inline-block;
  width: 100%;
}

.contact-component .noteslistholder {
    height: 88px;
}
.user-component .noteslistholder {
    height: 63px;
}
.job-component .noteslistholder {
    height: 162px;
}

.applicantdetail-container .noteslistholder {
    height: 128px;
}
.applicant-container .noteslistholder {
    height: 89px;
}


    ul.contactnotes li {
        list-style: none;
    }

#noteslistholder li {
    list-style: none;
}

.notesrow td {
    border: 0 solid red !important;
}

.notesrow {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 5px;
}

    .notesrow:last-child {
        border-bottom-color: transparent;
    }

.notes-container-block {
    padding: 2px;
}

.notes-actions-set li {
    float: left;
    padding: 0 2px;
    text-decoration: none;
}

.notes-details:first-letter {
    text-transform: capitalize;
}

.notes-meta-data {
    color: #999;
    font-size: 85%;
}

.notesdescription:first-letter {
    text-transform: capitalize;
}

.notesbox .notes-footer {
    bottom: 0;
    position: absolute;
    border-top: 1px solid #E5E6E9;
    padding-top: 3px;
    height: 25px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    color: #009688;
    -ms-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.notesbox .data-loader {
    text-align: center;
    margin: 0 auto;
}
.contact-component .data-loader{ padding: 30px;}
.job-component .data-loader{padding: 70px;}
.user-component .data-loader{padding: 22px;}
/*End Styles for Notes Module*/


#company-holder {
    margin-top: 25px !important;
}

    #company-holder li {
        list-style: none;
    }

        #company-holder li .companyitem {
            display: inline-block;
            width: 75%;
            padding: 10px 15px 10px 25px;
            border: 1px solid #e5e5e5;
            border: 1px solid #e5e5e5;
            box-shadow: 0 1px 2px 0 #D2D3D8;
            margin-bottom: 10px;
        }

#invitations-holder {
    margin-top: 25px !important;
}

    #invitations-holder li {
        list-style: none;
    }

    #invitations-holder .invitationitem {
        display: inline-block;
        width: 75%;
        padding: 10px 15px 10px 25px;
        border: 1px solid #e5e5e5;
        border: 1px solid #e5e5e5;
        box-shadow: 0 1px 2px 0 #D2D3D8;
        margin-bottom: 10px;
    }


.action-border-green {
    border-left-color: green !important;
    border-left-width: 5px !important;
}


.action-border-red {
    border-left-color: #ce4844 !important;
    border-left-width: 5px !important;
}

.white, .white a {
    color: #fff;
}
.grey, .grey a {
    color: #95a5a6;
}


.glyphicon.bigger {
    font-size: 17px;
}


.component-container {
    width: 100%;
    position: relative;
    display: inline-block;
}

.component-single {
    display: inline-block;
    border: 1px solid #e5e5e5;
    width: 100%;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
}


#globalmessageHolder {
    width: auto;
    text-align: center;
    min-height: 46px;
    height: auto;
    z-index: 1044;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    padding: 0 25px;
    display: inline-block;
    margin-top: 37px;
    max-width: 500px;
}

.global-error {
    background-color: red;
}

.global-warning {
    background-color: orange;
}

.global-success {
    background-color: green;
}

.error { border-color: #c0392b !important;color: #c0392b !important;}

label.error {
    padding: 0;
    background-color: transparent;
    text-transform: initial;
    font-size: inherit;
    letter-spacing: inherit;
    display: initial;
    cursor: inherit;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
input[type="text"].error,input[type="email"].error,textarea.error {
  border-color: #c0392b;
}

/*bootstrap multiselect custom styles*/
.dropdown-menu>li>a {
 /*   display: inline-block;
    width: 100%;
    text-align: center;
    padding:4px !important;*/
}

.multiselect-container .checkbox input[type="checkbox"] {
      margin-left: -25px !important;
  margin-top: 3px !important;
}

#jobpositionconainer .multiselect { 
    background-color: grey !important;
    color: #fff !important;
}

.dashboard-item {
    height: 275px;
    width: 275px;
    list-style: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    float: left;
    margin: 10px;
    
    position: relative;
    margin-right: 10px;
}


.jobStatusBadge {height: 100%;width: 0.5%;position: absolute;top: 0;left: 0;bottom: 0;}

.jobStatusBadge.expired {
      background-color: red;
}
.expiredbadge {
    position: absolute;
  color: white;
  font-size: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
 background-color: red;
  border-radius: 2px;
  padding: 2px 14px;
  top: 10px;
  left: -30px;
  z-index: 12;
}

.inactivebadge {
    position: absolute;
  color: white;
  font-size: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
 background-color: grey;
  border-radius: 2px;
  padding: 2px 14px;
  top: 10px;
  left: -30px;
  z-index: 12;
}

.jobStatusBadge.active { background-color: green;}
.jobStatusBadge.inactive { background-color: grey;}
.jobStatusBadge.shared { background-color: orange;}

.dashboard-item {color: #ffffff;background-color: #e5e5e5!important;border-radius: 10px;width: 275px;height: 275px;position: relative;}
#jobchart,#candidateChart,#partnerChart,#listChart,#userChart,#contactchart{ color: #ffffff;background-color: #e5e5e5!important;border-radius: 10px;}
#partnerChart,#listChart,#userChart,#contactchart{ color: grey;}
#dashboard .empty-data-container {}
.jqplot-table-legend { color: #666 !important;}


.address-holders .chosen-container-single .chosen-single {
    height: 30px;
    border-radius: 3px;
    border: 1px solid #CCCCCC;
}
.address-holders .chosen-container-single .chosen-single span {
    padding-top: 2px;
}
.address-holders .chosen-container-single .chosen-single div b {
    margin-top: 2px;
}

.address-holders .chosen-choices {background-image: none !important;
  box-shadow: none  !important;}

.address-holders .chosen-drop{border: 1px solid #eee  !important;box-shadow: none  !important;}

.address-holders .search-field {height: 35px  !important;
  outline: none !important;}

.address-holders .chosen-choices .search-field input {
  width: 100% !important;
  height: 31px !important;
  margin: 3px 0 !important;
}
.address-holders .search-choice{line-height: 21px !important;}
.address-holders .chosen-container {outline: none !important;}
.address-holders .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{top:7px}
.address-holders .bootstrap-tagsinput .label-info {
  background-color: #26B89A;
}
.address-holders .bootstrap-tagsinput { width: 100%;border: 1px solid #eee !important;border-width: 1px 0 !important;}
.address-holders .bootstrap-tagsinput .label {
    font-size: 100%;
}


.feedback-container {
    position: absolute;
  background-color: #1ABC9C;
  border-radius: 2px;
  top: 200px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  cursor: pointer;
  padding: 0px 10px;
  right: 1px;
}
.footerEmpty {
    color:#C3BECA !important;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
{
padding :18px !important;
    word-wrap: break-word;
}

    td.action-container {
    border-right:0 !important;
    }
        td.action-container .action-item {
            color:transparent;
        }
    tr.single-row-item:hover td.action-container .action-item {
        color:red;
    }
.headerBlock {
    /*border: 1px solid #ededed;
    border-radius: 2px;
    height: 95px;
    margin-left: 5%;
    margin-right: 20%;
    box-shadow:2px 2px #DCDCDC;
    padding: 12px;
    margin-bottom: 2%;*/
        /*margin-left: 5%;  
    width:75.4%;*/


    /*margin-bottom: 2%;*/
    margin-top: 25px;
    /*height: 130px;*/
}

    .headerBlock h1 {
    margin-top:7px;
    }
    .headerBlock .col-md-5, .headerBlock .col-md-12, .headerBlock .col-md-6 {
    padding-left:0;
    }
/*Style coding for the Gallery page */


.album
{
   
    float:left;
    background-color:lightblue;
    cursor:pointer;
    width:200px;
    height:200px;
    margin:9px;
}
.album{
    
}
.albumMinWidth {
    width:200px !important;
    height:200px !important;
}

.albumWidth100{
    width:95px !important;
    height:95px !important;
}

#actionholder ul {
    padding:0;
}


#actionholder li{
 list-style:none;
}

.albumimage{
    width:300px;
    height:300px;
    float:left;
    border:1px solid grey;
    margin:2px;
}

.ekko-lightbox-container img{
    max-width:560px;
    min-width:560px;
}

#actionholder .actionitem{
 height:40px;
 width:40px;
 float:right;
 cursor:pointer;
}

#imageAlbums {
padding:0;
display:inline-block;
}

#imageAlbums  li.album{
    list-style:none;
}


.album .album-title-holder{
    text-align: center;
    line-height:200px;
    font-size:25px;
}

.albumMinWidth .album-title-holder{
    text-align: center;
    line-height:100px !important;
}

.albumWidth100 .album-title-holder
{
     text-align: center;
    line-height:100px !important;
}
ul.imagescollection 
{
    padding:0;
}
.imagescollection li{
    list-style:none;
}

.imagescollection .albumimage{
     width:200px;
    height:200px;
}

.actionitem
{
    list-style:none;
    margin-right:10px;
}

.fa,.fa:hover {
/*color:#8A8787;*/
color:#0f0f0f;
}
/*.guildbtn,.guildbtn:hover {
    background-color:#4CAF50;
}

.guildPublishbtn, .guildPublishbtn:hover,.guildPublishbtn:active {
      background-color:#4CAF50;
      margin-left:5px;
}*/
.pageTitle {
    color:#B3CDB3;
}
.pageContainer {
    margin-left:5%;
    margin-top:25px;
    width:75.4%;
}
.gotoBack {
    height:22px;
}
.titleContainer {
    text-align:center;
    margin-bottom:60px;
}
.btnContainer {
    text-align: right;
    /*margin-bottom:20px;*/
}
.postedTitle {
    color:#4CAF50;
    font-weight:bold;
}
.postedContainer {
    clear:both;
    margin-top:5px;
}
.postedLbl {
    color:#000;
}
.viewTitle {
    color:#404040;
    font-size:18px;
    font-weight:600;
    text-transform:capitalize;
    margin-bottom:15px;
}
.viewDescription {
    padding:0px 25px;
     word-wrap: break-word;
     padding-left:0;
}
.viewPromoImg {
    height:100px;
    width:100px;
}
.listPageTitle {
    color:#69836A;
    margin-top:0px !important;
    margin-bottom:8px;
}
.listPageLink {
    cursor:pointer;
}
    .listPageLink > img {
        height:16px;
    }
.tabMenu {
    margin-top:35px;
    padding:10px;
    background-color:#fff;
    margin-bottom:0px;
    padding-left:0;
}
.menu {
    text-transform:capitalize;
    cursor:pointer;
}
.titleDescription {
    font-size: 13px;
}
.actionTxt {
   
}
 .GridHeaderTxt {         
   
    text-transform: capitalize;
    padding-left:0px;
    margin-bottom:0px;
    color: #337ab7;
    font-size: 18px;
    line-height: 1.33333em;
    font-weight: 700;
    cursor:pointer;
    }
  .GridDescriptionTxt {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;     
        margin-top: 5px;
        color: #3d596d;
        font-weight: 400;
        font-size: 14px;
        line-height:20px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        /*height: 64.5px;*/
    }
   

.postedDate {
    
}

.hidedpheader {
}
.hidedpheader th{
background-color:transparent;
color:transparent;
}
.navbar-inverse {
        background-color: #fff;
    /*border-color: #D6DCD7;*/
    border-bottom: 1px solid #A8B3C2;
}
.GridDateFormat {
        color: #3D3C3C;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.618;
    margin-top:0;
}
.navbar-fixed-top {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    height:52px;
}
.Grid-Section,
.Grid-Section:hover{
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    padding:30px 10px;
    text-align: center;
    text-decoration: none;
    color: #333;
    border-radius: 6px;  
    margin-bottom:10px;
}
.innerRight-Block {
        padding: 0;
    margin-left: 16.7%;
    padding-left: 2%;
    background: #f5f5f5;
}
.GridBlocks {
        border-radius: 4px;
        margin-right: 20px;
        width: 79.3%;
        background-color: #fff;
        margin-bottom: 20px;
        padding: 15px 15px 15px 15px;
        box-shadow: 2px 2px 2px #E1E1E1;
    }
  .clickLive.activeOne:hover, .clickDraft.activeOne:hover, .clickPast.activeOne:hover {
            color:#fff;
        }
    

    .clickLive.activeOne, .clickDraft.activeOne, .clickPast.activeOne {
        padding: 10px;
         background-color:#4CAF50;      
        color:#fff;
    }
.tableGridBlock {
        width: 75.4%;
    margin: 0 auto;
    margin-left: 5%;
}

/* khaleel changes */

.guild-goBack {
    width:30px;
    cursor:pointer;
    margin-top:30px;
}
/*changes theme settings*/
.navbar-header {
    
}
.navbar-logo {
    font-size:22px;
    line-height:46px;

}
.navbar-logo .pull-left {
    margin-right:10px;
}
.text-success{
    color: #00a956;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #747474;
}
.navbar-inverse .navbar-toggle {
    border: 0;
    padding: 10px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
    background: none;
    color:#333;
}

.group_icon_container {
    margin: 0 auto;
    width: 50px;
    height: 50px;
}
.group_icon_container img { 
    width: 100%;
    height: 100%;   
    border-radius: 50%;
}
.topBarmenu h5 {
    text-align: center;
        color: #f2f2f2;
    margin-top: 6px;
}
.nav>li>a:hover, .nav>li>a:focus{
    text-decoration: none;
    background-color: #46616F;
    color: #fff;
}
/*627280*/
.nav>li>a:hover, .nav>li>a:focus .fa{color: #fff;}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #00A956;
}
.nav-sidebar > .active > a .fa, .nav-sidebar > .active > a:hover .fa, .nav-sidebar > .active > a:focus .fa {
    color: #fff;

}
.nav-sidebar > li > a .fa {
    margin-right: 10px;
    color: #C6DAE4;
}
.nav-sidebar > li > a:hover .fa {
    margin-right: 10px;
    color: #fff;
}
.nav-sidebar .sub-title {
    font-weight: bold;
    padding-left: 20px;
    text-transform: uppercase;
    color: #C6DAE4;
    margin-top:30px;
    margin-bottom: 10px;
}


.contentFooter {
    font-size: 11px;
    color: #9f9f9f;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}

.Grid-Section .contentHeader {
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}
.Grid-Section .caption {
    display: block;
    margin-bottom: 15px;
    min-height: 40px;
}
.Grid-Section .caption a {
    display: block;
}
.Grid-Section .thumbnail {
    border: 0;
}
.blockImg {
    text-align: center;
    height: 95px;
    margin-top: 25px;
}
/*@media (min-width:768px) {
    .guild-container {
        max-width:750px;
    }
}
@media (min-width:992px) {
    .guild-container {
        max-width: 970px;
    }
}
@media (min-width: 1200px){
.guild-container {
    max-width:1170px;
}
}*/

@media (min-width: 768px) {
   
    .dropdown-menu{
        left: auto;
        right: 0;    
    }
    .dropdown-menu>li>a {
        padding: 9px 20px;
        font-size:13px;
        border-bottom:1px solid #f7f3f3;
    }
    .dropdown-menu>li>a.last{border-bottom:none;}
    .nav-sidebar {
        margin-right: -21px !important;
        margin-bottom: 20px !important;
        margin-left: -20px !important;
    }
    .nav>li {
        position: relative;
        display: block;
    }
    
    .nav-sidebar>li>a{
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 7px;
        padding-bottom: 7px;
        color: #C6DAE4;
        font-size:13px;
    }
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #314B58;
        border-right: 1px solid #eee;
    }
    .page-header {
        margin-top: 30px;
        border-bottom: 0;
        color: #333;
        padding-left: 15px;
        padding-right: 15px;
    }
    /* edit */
    .guild-title{text-transform:capitalize;padding-left:0px !important;
        padding-right:0px !important;color:#314B58;font-size:23px;margin-bottom:10px;font-weight:500;}
    .guild-viewTitle {
        text-transform:capitalize;padding-left:50px !important;
        padding-right:0px !important;color:#537586;font-size:18px;margin-bottom:10px;font-weight:200;
    }
    .guild-dash .pleft0{padding-left:0px;}
    .guild-dash .pright0{padding-right:0px;}
    /* .guild-thumbnail img{border:1px solid;border-radius:50%;padding:20px;} */
    .cursr-pntr{cursor:pointer;}
    .deletepage{font-weight:bold;cursor:pointer;}

    .dashboard .col-md-2 {
        width: 20%;
    }
    .guild-center{text-align:center;}
    .guild-tble-txt-clr td{color: #6B6B6B !important;
    font-weight: normal !important;}
    .guild-font-normal{font-weight:normal !important;}
    .valign-mdle{vertical-align:middle;}


    .form-control{box-shadow:none;-webkit-box-shadow:none;}
    .guild-newevent{    margin-top: 10px;
    background: #fff;
    padding: 30px 30px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;}
    .add-new-btn{color:#fff;background:#00A956;padding:10px 25px;border-radius:3px;text-decoration:none;text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;letter-spacing:0px;text-align:center;}
    .add-new-btn:hover{color:#fff;background:#04964E;padding:10px 25px;border-radius:3px;text-decoration:none;text-transform: uppercase;cursor:pointer;
    font-size: 11px;
    font-weight: bold;}
    .add-new-btn:focus{text-decoration:none;color:#fff;background:#04964E;}
    .add-new-btn img{padding-right:3px;width:20px;vertical-align:bottom;}
    .viewDescription h1{font-size:17px;padding-top:10px;margin-bottom:8px;font-weight:bold;color:#333;}
    .viewDescription p{font-size:13px;margin-bottom:3px;line-height:16px;}

    .guild-settingsbtn {
        width:48%;
        float:right;
    }
    .guild-width50p{width:50%;}
     .guild-width55p{width:55%;}
    .guild-width95p {
        width:95%;
    }
     .guild-width100p {
        width:100%;
    }
     .guild-table-action img{margin-right:10px;}
    
    .guild-txt-dec-non{text-decoration:none;}

    .guild-user{    display: block;
    position: absolute;
    padding-top: 15px;
    left: -5px;}
   
    .actionContainer img {
    margin-right: 10px;
}


    /* font-weights */
    .guild-fw400 {
        font-weight:400;
    }

.guild-center-w90{width:90px;}

.guild-sm-table a{font-size:13px;}
.guild-table{}
.guild-table>thead>tr>th{border-bottom:1px solid #ddd;}
.guild-table>thead{border-top:1px solid #ddd;}
.guild-table>thead>tr>th{background:#F7F7F7;}
.guild-table>tbody>tr>td{background:#fff;}
.guild-table.border-btm{border-bottom:1px solid #ddd;}


.table>thead>tr>th{border-bottom:1px solid #ddd;}

.guild-table-listview>tbody+tbody{
    border-top: 1px solid #ddd;
}
.guild-table-listview>tbody>tr>td{vertical-align:middle;}

.guild-form-horizontal .control-label {padding-top:4px !important;text-align:left;font-size:13px;color:#000 !important;font-weight:bold;}
.guild-color-black{color:#333;}

.guild-btn-gray{background:#f2f2f2;color:#333;border:1px solid #ddd !important;box-shadow:none !important;}
.guild-btn-gray:hover{background:#f2f2f2;color:#333;border:1px solid #ddd !important;box-shadow:none !important;}
.guild-btn-gray:focus{background:#f2f2f2;color:#333;border:1px solid #ddd !important;box-shadow:none !important;}


.guild-table>tbody+tbody{border-top:1px solid #ddd;}
}

.guild-pr0 {
    padding-right:0px;
}
.guild-pl0 {
    padding-left:0px;
}
.guild-dialog {
    width:820px;
}
 .guild-fsize10{font-size:10px;}
.guild-txtBold {
    font-weight:bold;
}
.guild-minChar {
    font-size:12px;
    color:gray;
    font-weight:normal;
}
/* dashboard*/
.guildDashboard p{    color: #2F4050;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: bold;padding-top:15px;}
.guildDashboard a img {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}
.guildDashboard:hover a img  {
   -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.guildDashboard:nth-child(1):hover p{color:#EC665F;}
.guildDashboard:nth-child(2):hover p{color:#6CA8E4;}
.guildDashboard:nth-child(3):hover p{color:#F1AD06;}
.guildDashboard:nth-child(4):hover p{color:#9C49A1;}
.guildDashboard:nth-child(5):hover p{color:#77B633;}

/* event new styles */
    .eventImage {
    height: 80px;
    width: 120px;
   
    }

    .eventTitle {
    margin-top: 0;
    }

.eventAction {
    height: 16px;    
    cursor:pointer;
    margin-bottom:5px;
}

.guild-form-mbtom{margin-bottom:8px;}
.guild-mt10 {
    margin-top:10px;
}
.guild-mr5 {
    margin-right:5px;
}

/* modal-header */
.guild-modal-header h3{margin-top:10px;margin-left:25px;}
.guild-close{position:absolute;right:25px;top:25px;cursor:pointer;}
.guild-modal-adj .col-md-2{width:11.6666%;}
.guild-textbox-brdr{border:none !important;border-bottom:1px solid #ddd !important;outline:none !important;}
/* poll new styles */
/*.pollTitle {
cursor:pointer;
}*/

/* group settings */
.guild-in-pages{background:#fff;border:1px solid #ddd;border-radius:6px;padding:30px;}
    .guild-grp-settings .col-md-12{border-bottom:1px solid #E4E4E8;    padding-bottom: 20px;
    margin-bottom:20px;}
    .guild-grp-settings .col-md-12 label{text-transform:uppercase;font-size:12px;}
     .guild-grp-settings .col-md-12 span{font-size:14px;}

     .guild-set-table tr td{border:1px solid #E4E4E8;padding-top:30px !important;padding-bottom:30px !important;}
     .group-tabl-title{    color: #232323 !important;
    font-weight: 600;    text-transform: uppercase;
    font-size: 12px;}


/* channel new styles */
.actionStatus {
text-align:right;
padding-right:0px !important;
color: #0087be;
font-size: 14px;
}
.actionOnStatus {
    text-align:right;
    font-size:14px;
}

/* announcement new styles */
.announcementTitle {
    margin-top:0;
    font-size: 16px;
   
}
.announcementDesc {
    -webkit-line-clamp:2;
    color: #666666;
    margin-top: 0;
    max-height:39px;
}
.live, .draft {
    width:100% !important;
}

.form-guild-description {
    margin-bottom:0px;
}


/* chennai online changes */
.no-margin{
 margin: 0 !important;
}
text-white{
 color: #fff !important;
}

.guild-pos-rel{position:relative;}
.closeAnswer{color:red;margin-left: 10px;position: absolute;right:-25px;top:15px;cursor:pointer;}
#OrderedList li{margin-bottom:15px;}
.fa-plus-circle{cursor:pointer;}
.guild-mlft-20{margin-left:-20px;}
/* privacy */
.guild-privacy{    background: #fff;
    border: 1px solid #ddd;
    padding: 50px;
    padding-top: 30px;
    border-radius: 6px;margin: 20px 0;}
.guild-privacy h2{margin-bottom:20px;font-weight:bold;}
.guild-privacy p{font-size:13px;line-height:24px;color:#6B6B6B;text-align:justify;}
.guild-privacy .termsList li{font-size:13px;line-height:19px;color:#6B6B6B;text-align:justify;}

/* temrs */
.terms-points ol {margin-left: -20px}
.terms-points ol li{font-size:20px;padding-bottom: 5px;padding-top:10px;}


/* sign in */
    .guild-sin-ptop0{padding-top:0px !important;}
    .guild-sin-top{position:relative !important;height:auto !important;min-height:auto !important;}
    .guild-sin-grid-section, .guild-sin-grid-section:hover{padding:30px;box-shadow:none;margin-top:55px;text-align:left;}
    .guild-sin-grid-section h3{text-align:center;font-size:16px;color: #fff;width: 100%;margin-top:15px;background:#00A956;
    padding: 16px 0;text-transform:uppercase;}
    /* width */
    .guild-wd97{width:97% !important;}

     /* padding */
    .guild-pad0{padding:0px;}
    .guild-pad30{padding:30px;}
    .guild-ptop10{padding-top:10px;}
    .guild-ptop12{padding-top:12px;}
    .guild-ptop20{padding-top:20px;}

    .guild-pbtom12{padding-bottom:12px;}
    .guild-pbtom30{padding-bottom:30px;}

    /* margin */
    .guild-mtop5{margin-top:5px;}
    .guild-mtop10{margin-top:10px;}
    .guild-mtop20{margin-top:20px;}
    .guild-mtop30{margin-top:30px;}
    .guild-mtop50{margin-top:50px;}

    .guild-mbtom6{margin-bottom:6px;}
    .guild-mbtom10{margin-bottom:10px;}

    /* font sizes */
    .guild-fsize14{font-size:14px;}
    .guild-fsize13{font-size:13px;}
    .guild-fsize12{font-size:12px;}
    .guild-fsize11{font-size:11px;}

    .guild-fl{float:left;}
    .guild-fr{float:right;}

    /* line height */
    .guild-lh15{line-height:15px}
.guild-block {
    display:block;
}

    .guild-190w{width: 190px;margin:auto;}

    /* text-underline */
.guild-txtul:hover {
    text-decoration:underline;
}
.clear{clear:both;}

    /* grids */
    .actionContainer {
    width: 90px;
    text-align: center;
}
    /* Progress */
    /* .main-progress-div .progress-text-color:nth-child(1){color:green;}
    .main-progress-div .progress-text-color:nth-child(2){color:gray;}
    .main-progress-div .progress-text-color:nth-child(3){color:red;} */

    /* error page */
    .guild-error-head h1{font-size:28px !important;text-align:center;}
    .guild-error-page{margin-left:105px;}
    .guild-error-page h2{font-size:16px;margin-bottom:5px;}
    .guild-error-page ul li{font-size:12px;}
    /* gallery */ 
    .guild-thumb.thumbnail{padding:0px;border-radius:0px;}

.guild-main-view-desc{background:#fff;border:1px solid #ddd;padding:30px;margin: 30px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.guild-view-desc{padding:5px;padding-left:0;padding-top:0;}
.guild-view-desc p img{max-width:100% !important;}

.guild-sign-wdth{width:32%;margin:auto;}
.br-right{color: #00A956;font-size:20px;padding-left:6px;border-right: 0px solid;
    line-height: 18px;
    padding-right: 6px;
    display: inline-block;
    font-weight: bold}
 .guild-btns{padding:12px 20px !important;font-weight:bold !important;background-color:#0096c8;color:#fff;border:none;text-transform:capitalize;font-size:12px;border-radius:3px;margin-top:10px;}

@media screen and (max-width:992px) {
    .guild-sign-wdth{width:60%;margin:auto;}
      .staticContainer {
    margin: 162px auto auto !important;
   
}
      .privacy-title {
        text-align:center;
        font-size:24px;
    }
       .guild-mobileContainer {
        margin-top:175px !important;
    }
       .guild-privacy{margin-top:50px;}
}
@media screen and (max-width:767px) {

        .guild-view-desc p span iframe{width:100% !important;height:150px !important;}
          .guild-view-desc p img{width:100% !important;height:100% !important;}


          .guild-sign-wdth{width:90%;margin:auto;}
          .br-right{color: #00A956;font-size:20px;padding-left:6px;border-right:none;
    line-height: 18px;
    padding-right: 15px;
    display: inline-block;
    font-weight: bold}
          .guild-tab-ptop15{padding-top:15px;}


          .guild-fl{float:left;}
    .guild-fr{float:right;}
          .guild-tab.guild-fsize13{font-size:11px;}
          .guild-tab.guild-fsize11{font-size:9px;}
           .guild-190w{width:100%;margin:auto;}
            .staticContainer {
    margin: 162px auto auto !important;   
}
             .guild-mobileContainer {
        margin-top:175px !important;
    }

             .guild-privacy{    background: #fff;
    border: 1px solid #ddd;
    padding:20px;
    padding-top:10px;
    border-radius: 6px;margin-top:50px;}

.guild-download-btn a{margin-bottom:5px;display:block;padding:0px !important;}
}
@media screen and (max-width:480px) {
    .guild-view-desc p img{width:100% !important;height:100% !important;}
    .guild-view-desc p {
        text-align: center;
            font-size: 12px;
    text-align: justify;
    word-break: break-all;
    }

    .guild-tab-main-view-desc {
        text-align: center;
    }
    .guild-view-desc h1    {font-size: 14px; font-weight: bold;padding-top:20px;}

    .guild-main-view-desc{padding:30px 10px;}
    .viewDescription.tab-guild{padding:0px;}
    .guild-main-view-desc .col-md-12 {
        margin-bottom:10px !important;
    }
    .guild-view-desc{padding:0px;padding-top:20px;}
     .guild-mob-evnt-fsize{font-size:13px;line-height:16px;margin-bottom:10px;}
    .guild-main-view-desc {
        margin:15px;
    }
    .publicViewFooter {
        margin:15px !important;
    }

    .staticContainer {
    margin: 162px auto auto !important;
   
}
    .privacy-title {
        text-align:center;
        font-size:18px;
    }
    .guild-privacy p,.guild-privacy .termsList li {
        line-height:16px;
        font-size:12px;
    }
    .guild-mobileContainer {
        margin-top:175px !important;
    }

    .guild-tab {
        font-size:12px;
        text-align:center;
    }

     .guild-privacy{    background: #fff;
    border: 1px solid #ddd;
    padding:20px;
    padding-top:10px;
    border-radius: 6px;margin-top:30px;}
        }
.guild-privacy p{line-height:22px;font-size:13px;}
.caps-green p{color:#096F3D;}

/* static pages */
.staticContainer {
    margin: 135px auto auto;
    background-color: #fff;
    border: 1px solid #ddd;
    width:80% !important;
    padding:30px;
    border-radius:6px;
}