/* Minification failed. Returning unminified contents.
(2161,23): run-time error CSS1046: Expect comma, found '99'
(2161,29): run-time error CSS1046: Expect comma, found '/'
(3040,14): run-time error CSS1035: Expected colon, found ';'
(6646,1): run-time error CSS1019: Unexpected token, found '@import'
(6646,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto)'
(8676,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8677,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8691,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8692,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8699,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8700,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8707,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8708,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8715,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8716,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8723,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8724,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8741,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8742,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8750,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8751,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8759,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8760,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8768,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8769,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8802,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8803,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8817,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8818,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8828,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8829,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8839,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8840,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8850,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8851,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8861,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8862,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8879,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8880,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8892,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8893,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8905,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8906,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8918,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8919,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8956,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8957,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8967,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8968,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8978,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8979,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8989,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8990,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9000,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9001,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9011,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9012,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9024,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9025,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9037,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9038,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9050,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9051,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9063,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9064,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9101,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9102,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9112,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9113,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9123,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9124,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9134,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9135,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9145,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9146,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9156,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9157,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9169,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9170,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9182,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9183,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9195,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9196,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9208,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9209,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9454,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9455,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9464,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9475,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(9485,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(9496,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9506,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9507,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9517,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(9527,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(9538,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9539,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9548,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9559,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9560,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9569,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9570,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9580,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(9590,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(9601,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9602,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9611,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9622,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9623,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(9632,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9633,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(9654,1): run-time error CSS1019: Unexpected token, found '@import'
(9654,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto)'
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/




@import url(https://fonts.googleapis.com/css?family=Roboto);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

::-moz-selection { /* Code for Firefox */
    color: #44a6d8;
    background: #29324a;
}

::selection {
    color: #44a6d8;
    background: #29324a;
}

li {
    list-style: none;
}

/*--------contract-365---start-------------*/

body {
    background-color: #fcfcfc;
    font-family: 'Roboto', sans-serif;
}

.main {
    width: 100%;
    overflow: hidden;
}

/*--------header---start-------------*/
header {
    width: 90%;
    overflow: hidden;
    padding: 0 5%;
    background-color: #ffffff;
    /*height:41px;*/ /*Added from 2.4final to 2.4*/
}

/*--------logo-left-------------*/
.logo {
    float: left;
    width: auto;
    overflow: hidden;
}

.logoTop {
}

    .logoTop b {
        display: none;
    }

    .logoTop small a {
        font-size: 12px;
        color: #CCC;
        margin: 10px 13px 4px 0;
        float: left;
        text-decoration: underline;
    }

        .logoTop small a:hover {
            color: #fff;
        }

    .logoTop img {
    }

.clearr {
    clear: both;
    display: block;
    margin-top: 4px;
}

/*--------menu-------------*/
.logoRight {
    float: right;
    overflow: hidden;
    width: auto;
    margin: 0;
}

    .logoRight > li {
        /* float: right;
        padding: 0 20px;
        border-right: 1px solid #3c4a6f;
        padding: 23px 2.9%;*/
        float: right;
        padding: 0 20px;
        /*border-right: 1px solid #3c4a6f;*/
        padding: 8px;
    }
        .logoRight li a {
          
          
         
            position: relative;
           
        }
        .logoRight li:first-child {
            border-right: none;
        }

    .logoRight small {
        color: #7e90c0; /*padding:0 5px;*/
        font-size: 13px;
    }

    .logoRight a i {
        padding: 5px;
        font-size: 18px;
        color: #767676;
    }
    .logoRight a i:hover {
      
        color: #212121;
    }

.profile_1 {
    height: 16px;
    width: 16px;
    background-image: url(/Content/Images/profile.png);
    float: left;
}

.profile-Picfull {
    margin: 0px;
    /*padding: 2px !important;
    margin-bottom: -3px;*/
    border-radius: 0;
}
    /*Quick Actions Button*/
    .profile-Picfull > a > img {
        /*height: 62px;width: 62px;padding-right:10px;*/
        height: 30px;
        width: 30px;
        border-radius: 50%;
        margin: 1px 0 0 10px;
    }
/*Quick Actions Button*/
/*.profile_1:hover {
        height: 16px;
        width: 16px;
        background-image: url(/Content/Images/profile_h.png);
    }*/

.pop_Setting_1 {
    height: 16px;
    width: 16px;
    background-image: url(/Content/Images/settings.png);
    float: left;
}

    .pop_Setting_1:hover {
        height: 16px;
        width: 16px;
        background-image: url(/Content/Images/settings_hov.png);
    }
/*Quick Actions Button*/
/*.alert_1 {
    height: 16px;
    width: 16px;
    background-image: url(/Content/Images/alart.png);
    float: left;
}*/
/*Quick Actions Button*/
/*Quick Actions Button*/
.alert_1 {
    height: 22px;
    width: 22px;
    background-image: url(/Content/Images/global_notification_new.png);
    float: left;
}
/*Quick Actions Button*/
/*.task_1 {
    height: 16px;
    width: 16px;
    background-image: url(/Content/Images/task.png);
    float: left;
}*/
/*Quick Actions Button*/
/*Quick Actions Button*/
.task_1 {
    height: 20px;
    width: 22px;
    background-image: url(/Content/Images/list_new.png);
    float: left;
}

    /*.task_1:hover {
        height: 16px;
        width: 16px;
        background-image: url(/Content/Images/task_hover.png);
    }*/

/*.help_1 {
    height: 16px;
    width: 16px;
    background-image: url(/Content/Images/help_document.png);
    float: left;
}*/
.help_1 {
    height: 20px;
    width: 22px;
    background-image: url(/Content/Images/global_help_new.png);
    float: left;
}

    /*.help_1:hover {
        height: 16px;
        width: 16px;
        background-image: url(/Content/Images/help_document_hover.png);
    }*/

/*.search_1 {
  
    width: 16px;
    background-image: url(/Content/Images/search.png);
    float: left;
}*/

.search_1 {
    /*height: 16px;*/
    width: 20px;
    background-image: url(/Content/Images/global_search_new.png);
    float: left;
}


    /*.search_1:hover {
        height: 16px;
        width: 16px;
        background-image: url(/Content/Images/search_hover.png);
    }*/

/*Quick Actions Button*/
/*nav{width:90%; overflow:hidden; padding:0 5%; background-color:#fff; border-bottom:1px solid #dfdfdf;}
nav img{float:left; margin:13px 10px 0 0;}
nav a{line-height:46px; overflow:hidden; color:#29324a; font-size:14px;}
nav a:hover{color:#44a6d8;}
nav a img:hover{opacity:.8;}
nav li{float:left; border-right:1px solid #dfdfdf;padding:0 2%;}
nav li:first-child{padding:0 25px 0 0;}*/
.dl-menuwrapper1 {
    display: none;
}

.llogin {
    width: 100%;
    overflow: hidden;
    clear: both;
}

.dl-menuwrapper {
    display: none;
}

.dl-menu img {
    float: left;
    margin: 2px 5px 0 0;
}
/*nav a img:hover{opacity:.6;}
*/ nav img {
    float: left;
    margin: -2px 5px 0 0;
}

#navigation {
    background: #fff;
    margin: 0;
    padding: 0 5%;
    width: 90%;
    height: 40px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

    #navigation ul, #navigation li {
        list-style: none;
        display: inline;
        margin: 0;
        padding: 0;
    }

        #navigation ul li {
            float: left;
            position: relative;
            border-right: 1px solid #dfdfdf;
            height: 38px;
            padding: 0 1.5%;
        }

            /*#navigation ul li:first-child {
                padding: 0;
            }*/

            #navigation ul li a {
                display: inline-block;
                color: #29324a;
                font-size: 18px;
                -webkit-transition: all .1s ease;
                -moz-transition: all .1s ease;
                -ms-transition: all .1s ease;
                -o-transition: all .1s ease;
                transition: all .1s ease;
                margin: 0 -4px 0 0;
                padding: 12px 0%;
            }

        #navigation ul ul {
            opacity: 0;
            filter: alpha(opacity=0);
            position: absolute;
            top: -99999px;
            left: 0;
            z-index: 999999;
            background: #fff;
            width: 200px;
            color: #29324a;
            box-shadow: 0 3px 5px #b4b4b4;
        }

        #navigation ul li a:hover {
            color: #44a6d8;
        }

        #navigation ul ul li a:hover { /*background:#81b600;color:#fff!important;border-bottom:1px solid transparent;border-top:1px solid transparent;*/
        }

        #navigation ul ul li a {
            display: block;
            width: 170px;
            font-family: Tahoma, Arial, sans-serif;
            text-transform: none;
            text-decoration: none;
            font-weight: normal;
            font-size: 14px;
            border-bottom: 1px solid #f1f1f1;
            border-top: 1px solid transparent;
            padding: 8px 15px;
            min-height: 20px;
        }

        #navigation ul ul li {
            border-right: none !important;
            padding: 0 25px 0 0;
        }

        #navigation ul ul ul {
            position: absolute;
            top: -99999px;
            left: 100%;
            opacity: 0;
            margin-left: 4px;
        }

        #navigation ul li:hover > ul {
            opacity: 1;
            position: absolute;
            top: 99%;
            left: 0;
        }

        #navigation ul ul li:hover > ul {
            position: absolute;
            top: 0;
            left: 100%;
            opacity: 1;
            z-index: 497;
            background: #3f3f3f;
            border: 0;
        }

        #navigation ul ul li:hover > a {
            border-top: 1px solid transparent;
            color: #44a6d8;
            background-color: #f7f7f7;
        }

#act {
    background: #3f3f3f !important;
    border-top: 3px solid #81b600 !important;
    color: #fff !important;
}

#navigation ul li a:hover, #navigation ul li:hover > a { /*background:#3f3f3f;border-top:3px solid #81b600;color:#fff;*/
}

.actNav {
    color: #44a6d8 !important;
}

/*.act-dash {
    height: 20px;
    background-image: url(/Content/Images/dashboard1-hover.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

.act-activit {
    height: 20px;
    background-image: url(/Content/Images/activites1_hover.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

.act-pipeline {
    height: 20px;
    background-image: url(/Content/Images/pipeline_hover.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

.act-cont {
    height: 20px;
    background-image: url(/Content/Images/contract1.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

.act-contrac {
    height: 20px;
    background-image: url(/Content/Images/contract1_hover.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

.act-documen {
    height: 20px;
    background-image: url(/Content/Images/documents1_hover.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

.act-counter {
    height: 20px;
    background-image: url(/Content/Images/counterparty1_hover.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

.act-insigh {
    height: 20px;
    background-image: url(/Content/Images/insight1_hover.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

.act-requests {
    height: 20px;
    background-image: url(/Content/Images/requests_hover.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 18px;
}*/

/*#navigation ul li a {font-size: 11px;} 
#navigation ul ul li a {font-size: 12px;}*/
.contNew1 {
    color: #666;
    font-size: 14px;
}

.dropArr {
    float: right !important;
    margin: 5px 0 0 4px;
}

.newCont {
    float: right !important;
    margin: -29px 0 0 38px;
}

    .newCont a {
        background-color: #fff;
        border-radius: 5px !important;
        color: #44a6d8 !important;
        float: right;
        font-size: 14px;
        height: 15px !important;
        margin: 7px 0 0;
        padding: 5px 10px;
        border: solid 1px #44a6d8 !important;
    }

        .newCont a:hover {
            background-color: #44a6d8 !important;
            color: #fff;
            text-decoration: underline !important;
        }

.newContPipeline {
    margin: -10px 0px 0px 0px;
}

.dashBoard {
    height: 20px;
    background-image: url(/Content/Images/dashboard1.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

    .dashBoard:hover {
        height: 20px;
        background-image: url(/Content/Images/dashboard1-hover.png);
    }

.activit_1 {
    height: 20px;
    background-image: url(/Content/Images/activites1.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

    .activit_1:hover {
        height: 20px;
        background-image: url(/Content/Images/activites1_hover.png);
    }

.contrac_1 {
    height: 20px;
    background-image: url(/Content/Images/contract1.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

    .contrac_1:hover {
        height: 20px;
        background-image: url(/Content/Images/contract1_hover.png);
    }

.document {
    height: 20px;
    background-image: url(/Content/Images/documents1.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

    .document:hover {
        height: 20px;
        background-image: url(/Content/Images/documents1_hover.png);
    }

.counterP {
    height: 20px;
    background-image: url(/Content/Images/counterparty1.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

    .counterP:hover {
        height: 20px;
        background-image: url(/Content/Images/counterparty1_hover.png);
    }

.insighT {
    height: 20px;
    background-image: url(/Content/Images/insight1.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

    .insighT:hover {
        height: 20px;
        background-image: url(/Content/Images/insight1_hover.png);
    }

.pipeline_1 {
    height: 20px;
    background-image: url(/Content/Images/pipeline.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

    .pipeline_1:hover {
        height: 20px;
        background-image: url(/Content/Images/pipeline_hover.png);
    }

.requests_1 {
    height: 20px;
    background-image: url(/Content/Images/requests.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 18px;
}

    .requests_1:hover {
        height: 20px;
        background-image: url(/Content/Images/requests_hover.png);
    }

.bid {
    height: 20px;
    background-image: url(/Content/Images/bid1.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

    .bid:hover {
        height: 20px;
        background-image: url(/Content/Images/bid1_hover.png);
    }
.act-bid {
    height: 20px;
    background-image: url(/Content/Images/bid1_hover.png);
    float: left;
    background-repeat: no-repeat;
    margin-right: 7px;
    padding: 0 0 0 27px;
}

/*--------menu---End-------------*/
.doc_new-Doc {
    margin: 0 -20px 0 -10px;
}

    .doc_new-Doc li {
        height: 46px;
        margin: -3px 0 !important;
        padding: 0 10px !important;
    }

        .doc_new-Doc li a {
            display: block;
            color: #838282;
            height: 30px !important;
            line-height: 30px;
            padding: 0 0 0 10px;
            width: 75%;
        }

            .doc_new-Doc li a:hover {
                background-color: #f1f1f1;
                border-radius: 0;
                border-bottom: 1px solid #838282;
            }

/*design issue index.cshtml 12/21/2017*/
.welcome {
    width: 90%;
    padding: 0 5%;
    margin: 17px auto 0 auto;
    font-size: 28px;
    color: #000001;
}

    .welcome small {
        font-size: 13px;
        color: #b4b4b4;
    }

/*--------content---start-------------*/

.wraper {
    width: 90%;
    padding: 0 5% 30px 5%;
    overflow: hidden;
}

.container {
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
}

/*--------content---first-part-------------*/

.box1 {
    width: 100%;
    overflow: hidden;
}

.pipe {
    width: 31.6%;
    overflow: hidden;
    float: left;
    background-color: #44a6d8;
    border-radius: 5px;
}

    .pipe b {
        text-align: center;
        display: block;
        font-weight: normal;
        color: #fff;
        font-size: 18px;
        margin: 17px 0;
    }

.number {
    padding: 0 25px;
}

    .number li {
        border-right: 1px solid #fff;
        float: left;
        margin: 15px 0;
        min-height: 90px;
        overflow: hidden;
        width: 33%;
    }

        .number li :hover {
            text-decoration: underline;
            cursor: pointer;
        }

        .number li:last-child {
            border-right: none;
        }

        .number li strong {
            font-size: 42px;
            color: #fff;
            text-align: center;
            display: block;
            clear: both;
        }

        .number li small {
            clear: both;
            display: block;
            font-size: 13px;
            text-align: center;
            color: #fff;
            margin: 10px 0;
        }
/*.number li strong{font-size: 42px;color: #fff;text-align: center;display: block;clear: both; font-weight:normal;}
.number li strong:hover{text-decoration:underline;cursor:pointer;}*/
.pipe-green {
    background-color: #93c05a;
    margin: 0 2.5%;
}

.pipe-Red {
    background-color: #e67665;
}


.cont_sum {
    width: 100%;
    overflow: hidden;
    float: left;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 0;
}

    .cont_sum b {
        text-align: center;
        display: block;
        font-weight: normal;
        color: #777;
        font-size: 18px;
        margin: 17px 0;
    }

.cont_sum_number {
    padding: 0 2px;
}

    .cont_sum_number li {
        border-right: 1px solid #DCDCDC;
        float: left;
        margin: 15px 0;
        min-height: 90px;
        overflow: hidden;
        width: 19%;
    }

        .cont_sum_number li :hover {
            text-decoration: underline;
            cursor: pointer;
        }

        .cont_sum_number li:last-child {
            border-right: none;
        }

        .cont_sum_number li strong {
            font-size: 28px;
            color: #838282;
            text-align: center;
            display: block;
            clear: both;
        }

        .cont_sum_number li small {
            clear: both;
            display: block;
            font-size: 13px;
            text-align: center;
            color: #B4B3B3;
            margin: 10px 0;
        }

/*--------content---second-part-------------*/
.box2 {
    width: 100%;
    /*overflow: hidden*/;
    margin: 10px 0; /*Added from 2.4final to 2.4*/
}

.box2_new {
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
    background-color: white;
    padding-top: 10px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}

/*--------left-part-------------*/
.status_Left {
    float: left;
    overflow: hidden;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    width: 65.5%;
}

    .status_Left h1 {
        color: #777777;
        font-size: 20px;
        border-bottom: 1px solid #dcdcdc;
        padding: 20px;
        margin: 0 0 35px 0;
    }

.status_Left1 {
    padding: 0 20px 12px 20px;
}

.status_Left img {
    padding: 0 0 43px 0;
    width: 100%;
}

/*--------rightpart-------------*/
.Contract-Value {
    float: right;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    width: 31.8%;
    border-radius: 5px;
}

    .Contract-Value h1 {
        color: #777777;
        font-size: 20px;
        border-bottom: 1px solid #dcdcdc;
        padding: 20px;
        margin: 0 0 35px 0;
    }

    .Contract-Value img {
        width: 100%;
    }

/*--------content---third-part-------------*/

.box3 {
    width: 100%;
    overflow: hidden;
}

/*--------leftpart-------------*/
.my-Alerts {
    float: left;
    overflow: hidden;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    width: 48.9%;
    position: relative;
}

.my-AlertsLeft {
    float: left;
    overflow: hidden;
    width: 58%;
    position: relative;
}
    /*Added from 2.4final to 2.4*/
    .my-AlertsLeft h1 {
        color: #373737;
        font-size: 22px;
        padding: 0px 0 10px 0;
        float: left;
        width: 30%;
        /*line-height: 27px;*/
    }

.my-AlertsLeftHeight {
    min-height: 340px;
    /*max-height: 700px;*/
}

.my-AlertsLeftMargin {
    float: left;
    overflow: hidden;
    border-radius: 5px;
    background-color: #fff;
    /*border: 1px solid #dcdcdc;*/
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    width: 99%;
    position: relative;
    margin-bottom: 20px;
}
/*Added from 2.4final to 2.4*/
.my-Alerts1 {
    min-height: 25px;
    padding: 15px 20px 0 20px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    background: #fff;
    color: #373737;
}

.my-Alerts h1 {
    color: #373737;
    font-size: 21px;
    padding: 0px 0 20px 0;
    float: left;
    width: 30%;
    line-height: 27px;
}

.my-Alerts select {
    float: right;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    width: 56px;
    height: 30px;
    color: #777777;
    margin: -4px 0 0 0;
}
/*Added from 2.4final to 2.4*/
.alertbox_status {
    /*margin-top: 15px;*/
    overflow: hidden;
    /*padding: 0 20px;*/
}

.alter_borderNo {
    border-left: none !important;
}

.alertbox_status > ul { /*border-left: 1px solid #f1f1f1; by Prabhakar Jan 15 2015*/
    padding: 0px 0 0;
    margin: 0 0 15px 0;
}

.alertbox_status_null {
    border-left: none !important;
    padding: 0 !important;
}
/*Added from 2.4final to 2.4*/
/*design issue solved 12/21/2017*/
.alertbox_status > ul > li {
    margin: 0 0 5px;
    clear: both;
    overflow: hidden;
    padding: 10px 20px;
    /*border-bottom: 1px solid #dcdcdc !important;*/
}

.alertbox_bor_btm {
    border-bottom: 1px solid #dcdcdc;
}

.alertbox_status > ul > li:last-child {
    border-bottom: none !important;
}


.alertbox_status ul li p a {
    font-size: 17px;
    color: #212121 !important;
    line-height: 18px;
}

.alertbox_status > ul span {
    background-color: #fff; /*border: 1px solid #c5c5c5; by Prabhakar Jan 15 2015*/
    border-radius: 60%;
    float: left;
    height: 10px;
    margin: 0 0 0 0px;
    width: 10px;
    position: absolute;
    left: 15px;
}

.alertbox_status ul p {
    font-size: 14px;
    color: #838282;
    margin: -2px 8px 0 0px;
    width: 65%;
    line-height: 18px;
    float: left;
}

    .alertbox_status ul p img {
        margin: 2px 6px -2px 2px;
        vertical-align: baseline;
    }

    .alertbox_status ul p small {
        font-size: 13px;
        clear: both;
        display: block;
        margin: 0;
        color: #9e9e9e;
    }

.alertbox_right_text {
    font-size: 12px;
    float: right;
    color: #838282;
    text-align: right;
    margin-right: 15px; /*Added from 2.4final to 2.4*/
}

    .alertbox_right_text i {
        color: #b4b3b3;
        margin: 3px 0px 0px;
        display: block;
    }

.alertbox_status ul b {
    float: right;
    font-size: 13px;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
}

.alertbox_status_counterp {
    padding: 0 !important;
}
/*--------status-color-------------*/
.status_red {
    background-color: #e67665;
}
.status_red_new {
    color: #e67665;

}

.status_blue {
    background-color: #44a6d8;
}
.status_blue_new {
    color: #44a6d8;
}
.status_yellow {
    background-color: #f0ad4e;
}
.status_yellow_new {
    color: #f0ad4e;
}
.status_green {
    background-color: #93c05a;

}
.status_green_new {
   color: #93c05a;
}
.status_green_another {
    background-color: #338200;
}

.status_green_another_new {
    color: #338200;
}


.status_pink {
    background-color: #fb9e9e;
}
.status_pink_new {
    color: #fb9e9e;
}
.status_brass {
    background-color: #ae7336;
}
.status_brass_new {
    color: #ae7336;
}
.status_Gray {
    background-color: #696969;
}
.status_Gray_new {
    color: #696969;
}
.status_purple_new {
    color: #865fc5;
}
/*Prahba*/
.status_chocolate {
    background-color: #d2691e;
}
/*Prabha*/

/*--------rightpart-------------*/
.my_Alersmargin {
    float: right;
    /*overflow: hidden;*/
    border-radius: 5px;
    width: 40%;
}

.alertbox_status_Right {
    width: 99%;
    background-color: #fff;
    /*border: 1px solid #dcdcdc;*/
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
    height: 370px;
}

.alertbox_status1 ul span {
    background-color: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 60%;
    float: left;
    height: 10px;
    margin: 0 0 0 0px;
    width: 10px;
    position: absolute;
    left: 15px;
}
/*Added from 2.4final to 2.4*/
.alertbox_status_Right h1 {
    color: #373737;
    font-size: 21px;
    padding: 0px 0 10px 0;
    float: left;
    width: 38%;
    /*line-height: 27px;*/
}

.alertbox_status1 {
    height: 250px;
    margin-top: 15px;
    padding: 8px 0px;
    overflow: hidden;
    width: 97%;
}

    /*Prabha below line i coomented and added new line */
    /*.alertbox_status1 ul{border-left: 1px solid #f1f1f1;  padding: 10px 0 0 0;}*/
    .alertbox_status1 ul {
        padding: 0;
    }

        .alertbox_status1 ul li {
            margin: 0 0 18px 0;
            clear: both;
            overflow: hidden;
        }

        .alertbox_status1 ul p {
            font-size: 14px;
            color: #838282;
            margin: 0 8px 0 10px;
            width: 85%;
            line-height: 18px;
            float: left;
        }

            .alertbox_status1 ul p img {
                margin: 0px 0 0 8px;
                vertical-align: baseline;
            }

            .alertbox_status1 ul p small {
                font-size: 13px;
                clear: both;
                display: block;
                margin: 3px 0 0 10px;
                color: #b4b3b3;
            }


/*Home page Tasks Due date*/
.to-do-task-small {
    clear: both;
    color: #b4b3b3;
    display: block;
    font-size: 12px;
    margin: 3px 0px 0px 0px;
}
/*Home page Tasks Due date end*/


.alertbox_status1 input {
    float: left;
    width: 16px;
    height: 16px;
}

.alertbox_status_Contss ul p a {
    color: #838282;
}

.alert_detaPright {
    text-align: right;
    float: right !important;
}

    .alert_detaPright i {
        float: right !important;
    }

.alert_detai {
    width: 100% !important;
    font-weight: bold;
    line-height: 18px;
}

#alertText div, #alertText p {
    width: 100%;
}

.rejectTodo {
    margin: 0 0 0 20px;
}
/*--------bottom-------------*/

.todos {
    float: right;
    width: 60%;
    margin: -5px 0 0 0;
}
    /*Added from 2.4final to 2.4*/
    .todos span {
        /*border: 1px solid #dddddd;*/
        float: right;
    }

        .todos span a {
            color: #373737;
            font-size: 13px;
            line-height: 34px;
            padding: 0px 5px;
            float: left;
            text-decoration: none;
        }

            .todos span a:hover {
                /*background-color: #f6f6f6;*/
                /*color: #efff00 !important;*/
            }

            .todos span a i:hover {
                /*background-color: #f6f6f6;*/
                /*color: #efff00 !important;*/
                text-decoration: none;
            }

        .todos span:last-child {
            border-right: none;
            float: right;
        }

.todos1 {
    float: right;
    width: 70%;
    display: none;
}
/*Added from 2.4final to 2.4*/
                .act {
    border-bottom: solid 2px #44a6d8;
    color: #44a6d8 !important;
}

/*--------Alearts-------------*/
#contentalert {
    max-height: 530px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 247px;
}

.aalerts {
    display: none;
}

.aalerts-dparrow {
    position: absolute;
}

.alerts {
    width: 250px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    height: 160px;
    overflow-y: scroll;
    position: absolute;
    right: 16%;
    top: 50px;
    padding: 0 0 30px 0;
    z-index: 5000;
}

.alertsh3 {
    font-size: 14px;
    font-weight: bold;
    color: #5e5e5e;
    margin: 0;
    padding: 13px 15px;
}

.alertsimg {
    float: left;
}

.alertssmall {
    font-size: 12px;
    color: #767676 !important;
    float: left;
    width: 92%;
    line-height: 16px;
}

    .alertssmall a {
        color: #767676 !important;
        line-height: 18px;
        padding: 13px 15px !important;
        width: 95%;
        display: block;
    }

        .alertssmall a:hover {
            background-color: #f1f1f1;
            text-decoration: none;
            color: #44a6d8 !important;
        }

.alertsli {
    padding: 0 !important;
    border-top: 1px solid #f1f1f1;
    overflow: hidden;
    border-right: none !important;
    float: left !important;
    width: 100%;
}

.close-right {
    float: left;
    width: 10px;
    margin: 18px 0 0 6px;
}

/*---------Tasks-------------*/
#contenttasks {
    max-height: 530px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 247px;
}

.taskss {
    display: none;
}

.tasks-dparrow {
    position: absolute;
}

.tasks {
    width: 250px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    height: 160px;
    overflow-y: scroll;
    position: absolute;
    right: 20%;
    top: 50px;
    padding: 0 0 30px 0;
    z-index: 5000;
}

.tasksh3 {
    font-size: 14px;
    font-weight: bold;
    color: #5e5e5e;
    padding: 13px 0px;
}

.tasksimg {
    float: left;
}

.taskssmall {
    color: #767676 !important;
    float: left;
    font-size: 12px;
    line-height: 16px;
    width: 90%;
}

    .taskssmall a {
        color: #767676 !important;
        line-height: 18px;
        display: block;
        padding: 7px 15px;
        margin: 0 -15px;
    }

        .taskssmall a:hover {
            background-color: #f1f1f1;
            color: #44a6d8 !important;
        }

.milestonemargin {
    margin: 0px 0px 0px 20px;
}

.tasksli {
    padding: 0 15px !important;
    border-top: 1px solid #f1f1f1;
    overflow: hidden;
    border-right: none !important;
    float: left !important;
    width: 100%;
}

    .tasksli input {
        width: 150px;
        height: 27px;
        border-radius: 5px;
        border: 1px solid #f1f1f1;
        padding-left: 5px;
        padding-right: 32px;
    }

.seeall {
    display: block;
    font-size: 12px; /* border-top:1px solid #f1f1f1;*/
    border-radius: 5px;
    margin: 10px;
}

    .seeall a {
        border-radius: 5px;
        font-size: 12px;
        padding: 7px 10px;
        color: #44a6d8;
        border-radius: 5px;
    }

        .seeall a:hover {
            border-radius: 5px;
            font-size: 12px;
            padding: 7px 10px;
            color: #29324a;
        }

.popSearch {
    padding: 10px 15px !important;
    width: 290px;
}
/*---------settings------------*/

.settingss {
    display: none;
}

.settings-dparrow {
    position: absolute;
}

.settings {
    background-color: #fff;
    border-radius: 5px; /*border:1px solid #f1f1f1;*/
    overflow: hidden;
    padding: 0;
    z-index: 5000;
    margin-bottom: 0;
}

    .settings h3 {
        font-size: 14px;
        font-weight: bold;
        color: #767676;
        padding: 10px 15px 15px 15px;
    }

.settingsimg {
    float: left;
}

.settingssmall {
    font-size: 12px;
    color: #767676 !important;
    float: left;
    margin: 0px 0 0 5px; /*width:76%;*/
    line-height: 16px;
}

.settingsli {
    border-right: medium none !important;
    border-top: 1px solid #f1f1f1;
    float: left;
    margin: 0;
    overflow: hidden;
    /*padding: 2px 10px 4px !important;*/
    width: 100%;
}

    .settingsli a {
        display: block;
        height: 16px;
        color: #838282;
        text-decoration: underline;
        background-color: transparent !important;
        padding: 8px 20px;
        width: 100%;
    }

        .settingsli a:hover {
            background-color: #f1f1f1 !important;
            color: #838282;
        }

.settings small a {
    color: #767676;
}

.settings span {
    clear: left;
    font-size: 9px;
    /*color: #ccc;*/
    float: left;
    margin-left: 20px;
}

.settingsli a small:hover {
    background-color: #f1f1f1 !important;
    color: #44a6d8 !important;
}

.settSh3 {
    color: #767676;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 20px !important;
    margin: 0;
}

.settingsli_Admin {
    padding: 0 !important;
    margin: 0;
}


/*---------profiles------------*/

.profiles {
    display: none;
}

.profile-dparrow {
    position: absolute;
}

.profile {
    width: 255px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    overflow: hidden;
    position: absolute;
    right: 7%;
    top: 50px;
    padding: 0 0 5px 0;
    z-index: 5000;
}

.profileb {
    font-size: 14px;
    font-weight: bold;
    color: #5e5e5e;
    padding: 0;
    clear: both;
}

.profilei {
    display: block;
    clear: both;
    line-height: 18px;
    color: #afafaf;
}

.profileimg {
    float: left;
}

.profilesmall {
    float: left;
    width: 63%;
    padding: 8px 0 0 15px !important;
}

.profileli {
    padding: 13px 15px 18px 15px !important;
    border-top: 1px solid #f1f1f1;
    overflow: hidden;
    border-right: none;
    float: left;
    width: 87%;
    border-right: none !important;
}

.profilespan {
    float: left;
    margin: 6px 0 0 0;
}

    .profilespan a {
        background-color: #5fa8dc;
        border-radius: 5px;
        color: #fff;
        font-size: 13px;
        padding: 4px 7px;
    }

.rright {
    float: right !important; /*margin:6px 15px 0 0 !important;*/
}

.profilespan a:hover {
    background-color: #29324a;
}


.dl-menu:hover {
    cursor: default;
}


/*activities*/
.welcome1 {
    color: #000001;
    font-size: 28px;
    margin: 6px 0;
    padding: 0 0;
    width: 75%;
    float: left;
}

.activity {
    margin: 20px 0 0 0;
    overflow: hidden;
    width: 90%;
    padding: 0 5%;
}

.activity_new {
    /*margin: 20px 0 0 0;*/
    overflow: hidden;
    width: 90%;
    padding: 0 5%;
}

.activity_left {
    width: 65.5%;
    float: left;
}

.activity_right {
    width: 65.5%;
    float: right;
}

.inserch {
    float: right;
}

.inserch1 {
    float: left;
    margin: -20px 0 0;
}

.inserch input {
    background-color: #f1f1f1;
    border: 1px solid #d6d6d6;
    border-radius: 5px 0 0 5px;
    width: 370px;
    height: 33px;
    color: #a1a1a1;
    padding: 0 10px;
}

.inserch1 input {
    /*background-color: transparent;
    /*border: 1px solid #d6d6d6;*/
    /*border: none;*/
    /*border-bottom:solid 1px #ccc;*/
    /*border-radius: 5px 0 0 5px;*/
    /*width: 150px;*/
    /*height: 33px;
    color: #a1a1a1;
    padding: 0 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;*/
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 5px 0 0 5px;
    width: 270px;
    height: 33px;
    color: #a1a1a1;
    padding: 0 10px;
}

/*.inserch1 input:focus { 
    outline: none !important;
    width: 300px;
}*/

.activity_left img {
    margin: 3px 0 0 -44px;
    padding: 9px;
    vertical-align: bottom;
    float: left !important;
}

.inserch1 a {
    border: 1px solid #d6d6d6;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(214, 214, 214);
    float: right;
    height: 33px;
    border-left: none;
    border-radius: 0 5px 5px 0;
    /*border: 1px solid #d6d6d6;*/
    /*border:none;*/
    /*border-bottom:solid 1px #ccc;*/
    /*float: right;
    height: 33px;
    border-left: none;*/
    /*border-radius: 0 5px 5px 0;*/
}

.inserch1 img {
    padding: 9px;
}

.activity_left a {
    border: 1px solid #d6d6d6;
    float: right;
    height: 33px;
    border-left: none;
    border-radius: 0 5px 5px 0;
}

.activity aside {
    float: right;
}

    .activity aside select {
        height: 30px;
        border: 1px solid #d6d6d6;
        background-color: #fff;
        border-radius: 5px;
    }

.new_deatile {
    float: right !important;
    margin: -10px 0 0;
    max-width: 28%;
}

    .new_deatile a {
        float: left !important;
        border: none;
    }

.insearch_Right {
    float: right;
    width: 20%;
    margin: -15px 0 0;
}

    .insearch_Right select {
        width: 100%;
        float: right;
    }


    .insearch_Right a {
        background-color: #f7f7f7;
        border-radius: 5px;
        border: 1px solid #d6d6d6;
        float: right;
        padding: 8px 10px;
    }

        .insearch_Right a:hover {
            background-color: #fff;
        }

        .insearch_Right a small {
            color: #777777;
            font-size: 13px;
            margin: 0 4px 0 0;
        }

insearch_Right a img {
}

.contNew {
    background-color: #44a6d8;
    border-radius: 5px !important;
    float: right;
    margin: 7px 10px 0 0;
    overflow: hidden;
    padding: 5px;
}

    .contNew:hover {
        background-color: #29324a;
    }

    .contNew small {
        color: #fff;
        font-size: 13px;
        float: left;
        margin: 0px 5px 0 0;
    }

.contNewPlus {
    float: left;
}

.contNewArrow {
    float: left;
    margin: 5px 0 0;
}

.my-Alerts_Act {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    float: left;
    overflow: hidden;
    position: relative;
    width: 65.5%;
}

.my-Alerts_Act1 {
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 20px;
    overflow: hidden;
}

.alertbox_status_Act {
    margin-top: 15px;
    overflow: hidden;
    padding: 0 20px;
}


    .alertbox_status_Act ul p {
        color: #838282;
        float: left;
        font-size: 14px;
        line-height: 18px;
        margin: -2px 8px 0 18px;
        padding: 0 20px 0 0;
        width: 95%;
    }

        .alertbox_status_Act ul p img {
            margin: 2px 6px 0 2px;
            vertical-align: baseline;
        }

        .alertbox_status_Act ul p input {
            float: left;
            margin: 3px 5px 0 0;
        }

        .alertbox_status_Act ul p a {
            color: #838282;
        }

            .alertbox_status_Act ul p a:hover {
                text-decoration: underline;
                color: #29324a;
            }

        .alertbox_status_Act ul p i {
            float: left;
            width: 88%;
        }

.box2_Right {
    float: right;
    /*overflow: hidden;*/
    width: 31.8%;
    /*background-color: #f1f1f1;*/
}

.contract-Right {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px 0;
}

    .contract-Right h1 {
        color: #414141;
        float: left;
        font-size: 18px;
        margin: 0 0 10px 0;
        padding: 0 0 12px 0;
        width: 30%;
        border-bottom: 1px solid #dcdcdc;
        width: 100%;
    }

        .contract-Right h1 img {
            margin: 0 5px 0 0;
            float: left;
        }

    .contract-Right ul li {
        margin: 13px 0;
    }

        .contract-Right ul li p {
            color: #ababab;
            float: left;
            font-size: 13px;
            margin: 0 0 12px;
            width: 90%;
        }

            .contract-Right ul li p a {
                color: #494949;
                float: left;
                text-decoration: none;
                width: 90%;
                line-height: 15px;
                margin: -2px 0 0 0;
            }

                .contract-Right ul li p a:hover {
                    text-decoration: underline;
                    color: #29324a;
                    background-color: transparent;
                }

        .contract-Right ul li a {
            float: right;
            margin: 1px 0 0 0;
            border-radius: 60px;
            padding: 3px;
            
        }

            .contract-Right ul li a:hover {
               
                border-radius: 60px;
                padding: 3px;
            }

.pagination {
    border-left: none !important;
    overflow: hidden;
}

    .pagination li {
        float: left;
        clear: none !important;
    }

        .pagination li a {
            float: left;
            clear: none !important;
            padding: 5px 8px;
            border: 1px solid #d6d6d6;
            margin: 0;
            font-size: 14px;
            height: 14px;
            color: #949494;
            line-height: 14px;
        }

            .pagination li a:hover {
                background-color: #f7f7f7;
                color: #959595;
            }

#aact {
    background-color: #f7f7f7;
    color: #959595;
}

.alertsUpcoming span a {
    margin: 0;
}

.alertsUpcoming span {
    border: 1px solid #dddddd;
    float: left;
}

    .alertsUpcoming span:last-child {
        border-left: none;
        float: left;
    }
/*.alertsUpcoming:last-child {border-left: none; float: left;}*/
.alertsUpcoming {
    float: left;
    width: 100%;
}
/*------Contracts-------*/

.my-Alerts_Cont {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    float: left;
    overflow: hidden;
    position: relative;
    width: 65.5%;
}

.my-Log_histroy {
    width: 99.5%;
    overflow: hidden;
}

.alertbox_status_Cont {
    margin-top: 30px;
    overflow: hidden;
    padding: 0 20px;
}

.alertbox_status_Contss ul p {
    color: #838282;
    float: left;
    font-size: 15px;
    line-height: 18px;
    margin: 0px 8px 0 0px;
    padding: 0 20px 0 0;
    width: 75%;
}

/*------ContractsDeatiles-------*/
.my-Alerts_contDeat {
    background-color: #fff;
    /*border: 1px solid #dcdcdc;*/
    box-shadow:rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    border-radius: 5px;
    float: left;
    overflow: hidden;
    position: relative;
    width: 65.5%;
}

.my-Alerts_contDeat {
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 0px;
    min-height: 65vh;
}

.alertbox_status_contDeat {
    margin-top: 15px;
    overflow: hidden;
    padding: 0 20px;
}


    .alertbox_status_contDeat ul p {
        color: #838282;
        float: left;
        font-size: 15px;
        line-height: 18px;
        margin: 0px 8px 0 0px;
        padding: 0 16px 0 0;
        width: 85%;
    }

        .alertbox_status_contDeat ul p a {
            color: #838282;
        }

            .alertbox_status_contDeat ul p a:hover {
                color: #29324a;
                text-decoration: underline;
            }

        .alertbox_status_contDeat ul p img {
            margin: 0 6px 0 5px;
            vertical-align: text-top;
        }

.my-Alerts_contDeat {
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 0px;
}

.alertbox_status_contDeat ul p input {
    float: left;
    margin: 4px 5px 0 0;
}

.alertbox_status_contDeat ul p i {
    float: left;
    width: 94%;
}
.alertbox_status_contDeat {
    padding: 0 0px;
    border-left: 1px solid #fff;
}

    .alertbox_status_contDeat ul span {
        display: none;
    }

    .alertbox_status_contDeat ul {
        margin: 0 20px;
    }

.border-left {
    border-left: none !important;
}



/*--Contract-inner--*/
.contractHead {
    width: 90%;
    overflow: hidden;
    padding: 0 5%;
    clear: both;
    margin: 20px 0 -5px 0;
}

    .contractHead small {
        color: #acacac;
        font-size: 14px;
        margin: 0 0 0 0;
        float: left;
    }

    .contractHead img {
        margin: 0px 5px 0 0;
        float: left;
    }

.contract_Left {
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    float: left;
    overflow: hidden;
    position: relative;
    width: 65.5%;
}

.agreement {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    padding: 15px 0;
    clear: both;
    border-bottom: 1px solid #e8e8e8;
}

.agreementLeft {
    float: left;
    overflow: hidden;
    margin: 0 20px;
    width: 67%;
    float: left;
}

    .agreementLeft b {
        /*width: 100%;*/
        color: #212121;
        display: block;
        font-size: 28px;
        margin: 0 0 8px 0;
    }

    .agreementLeft i {
        font-weight: normal;
        font-size: 14px;
        color: #c5c2c2;
        line-height: 17px;
    }

.agreement1 {
    overflow: hidden;
    clear: both;
    width: 100%;
}

.agreementRight {
    float: right;
    margin: 0 20px 0 0;
}

    .agreementRight ul {
        margin: 0 0 5px 0;
        overflow: hidden;
        float: right;
    }

.Wating_renewal {
    padding: 5px;
    background-color: #e67665;
    clear: both;
    display: block;
    overflow: hidden;
}

    .Wating_renewal small {
        float: left;
        overflow: hidden;
        color: #fff !important;
        margin: 0 !important;
    }

.agreementRight li {
    float: left;
    margin: 0 0 0 15px;
}

.agreementRight select {
    display: block;
}

.agreement small {
    color: #a5a5a5;
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin: 10px 20px 0;
    padding: 0 0 1px;
}

.task_head {
    float: left !important;
    margin: 0px 15px 0px 0px !important;
    font-size: 46px !important;
    color: #212121 !important;
}

.agreement img {
    float: right;
    margin: 6px 0 0 4px;
}

.doc-img {
    margin: 0px 5px;
}

.documents-Head {
    overflow: hidden;
}

.documents {
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.documents-1 {
    overflow: hidden;
    margin: 0 0 0px 0;
    width: 100%;
}

    .documents-1 li {
        clear: both;
        padding: 0px 0;
    }

.documentsLeft {
    float: left;
    overflow: hidden;
    width: 90%;
    margin: 0 0 5px 0;
    line-height: 16px;
}

    .documentsLeft img {
        float: left;
        margin: 0 10px 0 0;
    }

    .documentsLeft b {
        float: left;
        margin: 0 10px 0 0;
        font-size: 20px;
        color: #29324a;
        line-height: 20px;
       
    }

    .documentsLeft a {
        float: left;
        padding: 3px 5px;
        border: 1px solid #f1f1f1;
        font-size: 11px;
        color: #a5a5a5;
        border-radius: 5px;
    }

        .documentsLeft a:hover {
            background-color: #f1f1f1;
        }

        .documentsLeft a img {
            margin: 3px 5px 0 0;
        }

.documentsRight {
    float: right;
}

.documentsCont1 {
    margin: 10px 0 10px 25px;
    display: block;
}

    .documentsCont1 b {
        font-size: 13px;
        color: #999999;
        margin: 0 0 0 10px;
    }

.doc-contUl {
    overflow: hidden;
    width: 100%;
    margin: 0 0 10px 0;
    float: left;
}

.doc_Small_day {
    margin: 0 10px !important;
}

.documentsCont2 {
    margin: 10px 0 10px 50px;
    display: block;
}

    .documentsCont2 img {
        float: left;
    }

    .documentsCont2 b {
        font-size: 13px;
        color: #999999;
        margin: 0 0 0 10px;
        float: left;
    }

    .documentsCont2 small {
        float: left;
        color: #d3d3d3;
        font-size: 12px;
        margin: 0 10px 0 10px;
    }

.documentsContS3 {
    margin: 10px 0 10px 15px;
    display: block;
}

    .documentsContS3 img {
        float: left;
        margin: 2px 3px 0 0;
        vertical-align: bottom;
    }

    .documentsContS3 b {
        font-size: 13px;
        color: #999999;
        margin: 0 0 0 10px;
        float: left;
    }

    .documentsContS3 small {
        float: left;
        color: #d3d3d3;
        font-size: 12px;
        margin: 5px 10px 0 10px;
    }

.cont_Doc_Mess {
    margin: 0px 0px 0px 27px !important;
    color: #b4b3b3;
    display: block;
    font-size: 13px;
    line-height: 18px;
}


.milestone {
    margin: 10px 0 10px 28px;
    display: block;
}

    .milestone b {
        font-size: 13px;
        color: #999999;
        margin: 0 0 0 10px;
    }

    .milestone small {
        font-size: 13px;
        color: #fff;
        margin: 0 0 0 10px;
        background-color: #93c05a;
        padding: 0px 2px;
        border-radius: 5px;
    }



.box2_Right-new {
    background-color: #f1f1f1;
    float: right;
    overflow: hidden;
    width: 31.8%;
}

.contrRightMa {
    margin: 0 0 15px 0 !important;
    overflow: hidden;
    width: 100%;
    font-size: 16px !important;
}

    .contrRightMa b {
        float: left;
        margin: 0 10px 0 0;
    }

.contraRigght {
    overflow: hidden;
    width: 100%;
    margin: 0 0 8px 0 !important;
}

.contraRigght_R {
    border: 1px dashed #d3d3d3 !important;
    clear: none !important;
    float: left;
    margin: 0 10px 10px 0;
    min-height: 35px;
    min-width: 158px;
    overflow: hidden;
    padding: 10px !important;
}

.contraRigght_R_img {
    border: none !important;
    clear: none !important;
    float: left;
    margin: 5px 0px 0px -10px;
    min-height: 35px;
    overflow: hidden;
    padding: 10px !important;
}

.contraLeft {
    width: 34%;
    overflow: hidden;
    margin-right: 5%;
    float: left;
    font-size: 14px;
    color: #ababab;
    line-height: 16px;
    padding: 0 0 2px 0;
}

.contraRight {
    width: 57%;
    overflow: hidden;
    float: right;
    font-size: 15px;
    color: #777777;
    line-height: 16px;
    padding: 0 0 2px 0;
}

.contract-Right a {
    color: #535353;
    display: block;
    font-size: 14px;
    margin: 0 0 10px;
}

    .contract-Right a:hover {
        color: #29324a;
        text-decoration: underline;
    }

.contRightIm {
    float: left;
}

.contraRight1 {
    width: 57%;
    overflow: hidden;
    float: right;
    font-size: 14px;
    color: #44a6d8;
    line-height: 16px;
    padding: 0 0 2px 0;
}

.contraRight2 {
    width: 57%;
    overflow: hidden;
    float: right;
    font-size: 13px;
    color: #cbcbcb;
    line-height: 14px;
    padding: 0 0 2px 0;
}

.contraRight1_Mail {
    width: 100%;
    margin: 10px 0;
    line-height: 18px;
}

.contRsmaLl {
    display: block;
    clear: both;
    font-size: 13px;
    color: #cbcbcb;
    margin: -20px 0 0 0;
    padding: 0 0 2px 0;
}

.contRP {
    margin: 0 0 3px 0 !important;
    width: 100% !important;
}

    .contRP img {
        margin: 0 5px 0 0 !important;
        vertical-align: top !important;
    }

.foLder {
    float: left;
}

.seArchLi {
    margin-top: -10px !important;
}

    .seArchLi li {
        margin: 10px 0 10px 0 !important;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 10px;
    }

.seArchP {
    color: #838282;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin: 0 8px 0 0;
    padding: 0 0px 0 0 !important;
    width: 100% !important;
}

    .seArchP a {
        color: #838282;
    }

        .seArchP a:hover {
            color: #44a6d8;
        }

.srchpage_cont_left {
    float: left !important;
    color: #777 !important;
    padding: 0;
}

.srchpage_cont_right {
    float: left;
    color: #b4b3b3 !important;
    padding: 0;
    margin: 0 3px;
}

.inserch2 {
    float: left;
    margin: -15px 0 0;
}

.srchbold {
    background-color: #FFFF00;
    text-decoration: none;
}

.inserch2 input {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #696969;
    height: 30px;
    padding: 0 10px;
    width: 200px;
    font-size: 14px;
}

.inserch2_DropDow {
    min-width: 37px;
    border-radius: 0 5px 5px 0px !important;
    background-color: rgb(247, 247, 247);
    border: 1px solid #d6d6d6 !important;
    line-height: 30px;
    padding-left: 10px;
    color: #696969;
    font-size: 14px;
    float: left !important;
}

.inserch2_filter {
    width: 100% !important;
    overflow: hidden;
}

    .inserch2_filter li {
        width: 100% !important;
        overflow: hidden !important;
        margin: 0px;
    }

        .inserch2_filter li a {
            border-width: medium medium 1px;
            border-style: none none solid;
            border-color: -moz-use-text-color -moz-use-text-color #EEE;
            -moz-border-top-colors: none;
            -moz-border-right-colors: none;
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            border-image: none;
            background-color: transparent;
            padding: 10px 0px 10px 10px;
            width: 100%;
            margin-bottom: 0px;
            font-size: 14px;
            color: #949494;
            float: left !important;
            height: auto !important;
            width: 100%;
        }

            .inserch2_filter li a:hover {
                text-decoration: none !important;
                background-color: #F7F7F7 !important;
            }

.inserch2_DropDow img {
    padding: 0px !important;
    float: left;
    margin: 13px 5px 0px 5px;
}

.inserch2_DropDow span {
    float: left;
    /*font-size: 12px;*/
}

.insearch_Right1 {
    float: left;
    margin: 0 0;
}

.inserch2 > a {
    border: 1px solid #d6d6d6;
    float: right;
    height: 30px;
    border-left: none;
    border-radius: 0 5px 5px 0;
}

    .inserch2 > a:hover {
        text-decoration: none !important;
    }

.inserch2 img {
    padding: 0px 0px;
}

.insearch_Right1 li {
    float: left;
    overflow: hidden;
    height: 30px;
    padding: 0 !important;
    border: none;
    background: #fff;
}

    .insearch_Right1 li a {
        font-size: 13px;
        color: #959595;
        padding: 10px 10px;
        border-left: 1px solid #d6d6d6;
        overflow: hidden;
        line-height: 30px;
    }

.insearch_Right1 ul {
    border: 1px solid #d6d6d6;
    overflow: hidden;
    border-radius: 5px;
}

.insearch_Right1 li a:hover {
    background-color: #f7f7f7;
    color: #696969;
}

#actli {
    background-color: #f1f1f1;
    color: #696969;
}

.filter {
    width: 100%;
    overflow: hidden;
}

    .filter h2 {
        font-size: 15px;
        color: #777777;
        float: left;
        width: 38%;
        margin: 5px 0 5px 0;
    }

    .filter ul {
        width: 59%;
        float: right;
        margin: 19px 0 0 0;
    }

        .filter ul li {
            float: right;
            margin: 0;
            margin-left: 10px;
        }

            .filter ul li a {
                color: #9f9f9f;
            }

                .filter ul li a:hover {
                    color: #cacaca;
                    background-color: transparent;
                }

.filter_a {
    display: block;
    clear: both;
}

    .filter_a:hover {
        color: #29324a !important;
    }

.filter_Check {
    background-color: #f1f1f1;
}

/*.toDo_popup{background-color: #fffdd3; border: 1px solid #fcda97; border-radius: 5px;
    margin: 0 0 20px; overflow: hidden; padding: 8px 2%; width: 95%;}*/
.toDo_popup {
    background-color: #FFFDD3;
    overflow: hidden;
    padding: 8px 1%;
    width: 98%;
    border-bottom: 1px solid #E8E8E8;
}

.toDoSmall {
    font-size: 14px;
    color: #d9881f;
    float: left;
    margin: 6px 0 4px 0;
}
/*Added from 2.4final to 2.4*/
.toDoReviewed {
    /*float: right;
    background-color: #93c05a;
    border-radius: 5px;
    padding: 5px;*/
    /*background-color: #93c05a;
    background-image: linear-gradient(transparent, #6f9c36);
    border-radius: 5px;
    float: right;
    padding: 5px 10px 7px;*/
}

    /*.toDoReviewed:hover {
        background-color: #5c8923;
        background-image: linear-gradient(transparent, #0d3a01);
        cursor: pointer;
    }*/

    .toDoReviewed a {
        color: #fff;
        font-size: 12px;
    }

    .toDoReviewed img {
        float: left;
        margin: 0 4px 0 0;
    }

    .toDoReviewed small {
        float: left;
        color: #fff; /*Added from 2.4final to 2.4*/
        margin: 0 !important;
    }

.toDoConten {
    width: 100%;
    margin: 0px 0 0 0;
    float: left;
}

.toDoConten1 {
    overflow: hidden;
    padding: 10px 0% 0;
    width: 100%;
}

    .toDoConten1 ul {
        overflow: hidden;
        width: 100%;
        margin: 15px 0 0 0;
    }

    .toDoConten1 span {
        margin: 0 0 15px 0;
    }

.toDoContenList small {
    color: #d2d2d2;
    line-height: 20px;
}

.toDoContenLeft {
    color: #9e9e9e;
    float: left;
    font-size: 16px;
    line-height: 14px;
    margin-right: 5%;
    overflow: hidden;
    padding: 0 0 2px;
    width: 35%;
}

.toDoContenRight {
    color: #212121;
    float: left;
    font-size: 17px;
    line-height: 14px;
    overflow: hidden;
    padding: 0 0 2px;
    width: 60%;
}

    .toDoContenRight a {
        color: #212121 !important;
        font-size: 17px !important;
        line-height:22px;
    }

    .toDoContenRight1 {
        color: #777777;
        float: left;
        font-size: 15px;
        line-height: 16px;
        overflow: hidden;
        padding: 0 0 2px;
    }

    .toDoContenRight1 small {
        font-size: 12px;
        display: block;
        margin: 5px 0 0 0;
        color: #A9A9A9;
    }

.toDoContenRightColor {
    color: #44a6d8;
}

.toDoContenList {
    width: 100%;
    overflow: hidden;
    margin: 0px 0 0 0;
}

    .toDoContenList li {
        border-bottom: 1px dashed #CCC;
        overflow: hidden;
        margin: 10px 0 0 0;
    }

    .toDoContenList > b {
        color: #ababab;
        float: left;
        font-size: 13px;
        line-height: 14px;
        width: 70%;
        margin: 0 0 10px 0;
    }

    .toDoContenList > span {
        color: #d2d2d2;
        font-size: 13px;
        line-height: 14px;
        width: 26%;
        margin: 0 0 10px 4%;
        lengt;
    }

    .toDoContenList span small {
        float: right;
        font-size: 12px;
    }

.taskcomment {
    float: left !important;
    width: 80%;
    margin-bottom: 5px;
    margin-top: -2px;
}
    /*.taskcomment b {
    font-weight:bold;
}*/
    .taskcomment span {
        width: inherit !important;
    }

.toDoContenPost {
    clear: both;
    display: block;
    margin: 20px 0 0;
    overflow: hidden;
}

    .toDoContenPost a {
        float: left;
        font-size: 13px;
        color: #44a6d8;
        margin-right: 15px;
        text-decoration: underline;
        padding: 0 0 5px 0;
    }

        .toDoContenPost a:hover {
            color: #29324a;
        }


/*-------Share-Document---------*/

.shareDocument {
    width: 95%;
    overflow: hidden;
    padding: 20px;
    height: 550px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .shareDocument h2 {
        text-align: center;
        font-size: 24px;
        color: #3f3f3f;
        margin: 10px 0 25px 0;
    }

    .shareDocument p {
        font-size: 13px;
        color: #606060;
        line-height: 18px;
        margin: 0 0 20px 0;
    }

.shareDocumentRight {
    float: right;
    margin: 0 !important;
}

.alertbox__Right_share {
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
    width: 99%;
    margin: -25px -20px 0 -15px;
    border-bottom: 1px solid #d8d8d8;
}

    .alertbox__Right_share h1 {
        color: #777777;
        font-size: 18px;
        padding: 0px 0 0px 0 !important;
        float: left;
        width: 100%;
        line-height: 27px;
    }

    .alertbox__Right_share ul {
        border-left: 1px solid #d8d8d8;
        padding: 10px 0 0;
    }

.alertbox_status1 ul span {
    background-color: #fff;
    /*border: 1px solid #c5c5c5; Prabhakar changed border 1px to px*/
    border: 0px solid #c5c5c5;
    border-radius: 60%;
    float: left;
    height: 10px;
    left: 15px;
    margin: 0;
    position: absolute;
    width: 10px;
}

.alertbox_status1 ul b {
    width: 100%;
    overflow: hidden;
    display: block;
    margin: 5px 0;
    font-size: 13px;
    color: #a1a1a1;
}

.my-alertbox_status1 {
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    padding: 20px 20px 10px 20px;
}

.alertbox_status1A {
    color: #44a6d8;
    display: block;
    font-size: 13px;
    margin: 8px 0 15px 0;
    text-decoration: underline;
}

    .alertbox_status1A:hover {
        color: #29324a;
    }

.postComment {
    width: 100%;
    overflow: hidden;
    clear: both;
}

.alertbox_status1 ul p a {
    font-size: 15px;
    color: #838282;
    margin: 0 8px 0 10px;
    width: 85%;
    line-height: 18px;
    float: left;
}

    .alertbox_status1 ul p a:hover {
        color: #29324a !important;
        background-color: transparent !important;
    }

.blue-title {
    background-color: #29324a;
    color: #fff;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    padding: 12px 0 12px 15px;
    width: 100%;
    text-transform: capitalize;
}

.postCommentA {
    color: #44a6d8;
    display: block;
    font-size: 13px;
    margin: 20px 0 15px 0;
    text-decoration: underline;
}

    .postCommentA:hover {
        color: #29324a;
    }

.share_doc_Left {
    float: left;
    overflow: hidden;
    position: relative;
    width: 65%;
}

.share_doc_Left1 {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px 0;
}


.share_doc_TOp {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.share_doc_Aleart {
    overflow: hidden;
    background-color: #fffdd3;
    border: 1px solid #fcda97;
    border-radius: 5px;
    overflow: hidden;
    padding: 8px 2%;
    width: 96%;
    margin: 20px 0 0 0;
}

    .share_doc_Aleart small {
        color: #d9881f;
        float: left;
        font-size: 14px;
        margin: 4px 0;
    }

    .share_doc_Aleart span {
        background-color: #93c05a;
        border-radius: 5px;
        float: right;
        padding: 5px;
    }

    .share_doc_Aleart a {
        color: #fff;
        font-size: 12px;
    }

.contraCTDeat {
    width: 50%;
    overflow: hidden;
}


.my-Alerts_Act1 h1 {
    color: #777777;
    font-size: 20px;
    margin: 0 0 0px;
}

.box_Report {
    background-color: #fff;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 20px 1.2% 10px;
    width: 97.7%;
}

.box_Summery {
    background-color: #fff;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 20px 20px 10px;
    width: 97.6%;
}

    .box_Summery li {
        width: 112%;
        overflow: hidden;
        margin: 0 0 20px 0;
    }

    .box_Summery ul {
        float: left;
        width: 50%;
    }

    .box_Summery li small {
        display: block;
        line-height: 18px;
        margin: 6px 0 0;
        width: 13%;
    }

    .box_Summery li select {
        border: 1px solid #d6d6d6;
        float: left;
        height: 35px;
        margin: 15px 0 0;
        width: 50%;
    }

    .box_Summery li input {
        background-color: #fff;
        border: 1px solid #d6d6d6;
        border-radius: 0;
        float: left;
        margin: 15px 0 0;
        width: 49.5%;
        height: 35px;
    }
    /*.box_Summery li div{background-color: #fff;    
    width:auto;float: left;}*/
    .box_Summery a {
        padding: 8px;
        border: 1px solid #dfdfdf;
        border-radius: 5px;
        margin: 0 10px 15px 0;
        float: left;
        color: #949494;
        font-size: 12px;
    }

        .box_Summery a:hover {
            background-color: #f7f7f7;
            color: #818181;
        }

    .box_Summery form ul li:nth-child(2) > a {
        border: none;
        text-decoration: none;
        color: #44a6d8;
        font-size: 14px;
    }

        .box_Summery form ul li:nth-child(2) > a:hover {
            background: none;
        }

.poPSear {
    position: absolute;
    right: 30px;
    border-left: 1px solid #f1f1f1;
    padding: 7px 0 7px 5px;
}

.selectFIlterItem {
    padding: 10px 10px 1px 20px;
    overflow: hidden;
    width: 95%;
}

    .selectFIlterItem small {
        float: left;
        color: #838282;
        font-size: 12px;
        line-height: 15px;
        margin-top: 1px;
    }

    .selectFIlterItem img {
        float: left;
        margin: 3px 3px;
    }

    .selectFIlterItem span {
        background-color: #f1f1f1;
        padding: 5px;
        overflow: hidden;
        float: left;
        border-radius: 5px;
        margin: 0 10px 10px 0;
        border: 1px solid #DCDCDC;
        color: #3177B5 !important;
    }

.rEjctTodo {
    margin: 0 0 0 10px;
}



.saveView {
    float: right;
    width: 100%;
}

    .saveView a {
        color: #44a6d8;
        font-size: 12px;
        /*margin-right: 20px;
        position: absolute;
        right: 0;
        top: 57px;*/
        text-align: right;
        float: right;
        margin-right: 15px;
    }

        .saveView a:hover {
            font-size: 12px;
            color: #44a6d8;
            text-decoration: underline;
        }

.toDoText {
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
}

.toDoTextText {
    float: left;
    width: 48%;
    margin: 0 2% 0 0;
}

    .toDoTextText textarea {
        width: 95%;
        overflow: hidden;
        height: 60px;
        border: 1px solid #dcdcdc;
    }

.toDoTextRight {
    width: 48%;
    overflow: hidden;
    float: left;
}

    .toDoTextRight a {
        background-color: #44a6d8;
        border-radius: 5px;
        color: #ffffff;
        float: left;
        font-size: 14px;
        margin: 18px 15px 20px 0;
        padding: 5px 10px;
    }

        .toDoTextRight a:hover {
            background-color: #9dc456;
        }

.contract-Right ul li p input {
    float: left !important;
    margin: 0 5px 5px 0;
}

.contract-Right ul li p a {
    color: #494949 !important;
    float: left !important;
    text-decoration: none;
}

    .contract-Right ul li p a:hover {
        text-decoration: underline;
        color: #29324a !important;
        background-color: transparent !important;
    }

.cont_Doc_Small {
    margin: 0px 0px 0px 20px !important;
}

.d-box1 {
    border-bottom: 1px dotted #cccccc;
    margin-top: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    width: 100%;
    display: block !important;
}

.d_left-table {
    float: left;
    margin: 0;
    overflow: hidden;
    text-align: left;
    width: 15%;
    line-height: 18px;
}

.d_middle-table {
    float: left;
    margin: -1px 5% 0 0;
    max-width: 65%;
    overflow: hidden;
}

.text {
    color: #6c6c6c;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    margin: 0 0 -3px 0 !important;
}

.d_right-table {
    float: right;
    overflow: hidden;
    width: 15%;
}

    .d_right-table p {
        float: left;
        color: #a4a4a4;
        font-size: 12px;
    }

.amendments_Small {
    color: #93c05a !important;
    background-color: transparent !important;
}

.seeAllLogs {
    display: block;
    margin: -10px 0 10px 20px;
}

.milestone img {
    margin: 0 0 0 4px;
    vertical-align: bottom;
}

.rejectTodo {
    background-color: #e67665;
}

.toDoContenLeft2 {
    float: right;
}

#userStatus {
    margin: 15px 0 -9px 0;
}

/*---new---*/

.logHisheader {
    font-size: 14px !important;
}

.logHis_Act {
    color: #545454;
}

    .logHis_Act:hover {
        text-decoration: underline;
    }

.logHis_Activity {
    color: #545454;
}

.logHis_Datetime {
    color: #a5a5a5;
}

.status_yellow1 {
    color: #f0ad4e;
}

.status_blue1 {
    color: #44a6d8;
}

.status_red1 {
    color: #e67665;
}

.status_green1 {
    color: #93c05a;
}

.logreportbtn {
    float: left;
    width: 100%;
}

.task_more_action {
    margin: 4px 4px 0px 3px !important;
}

.color_darkgrey {
    color: #777777 !important;
}

.color_lightgrey {
    color: #9e9e9e !important;
}

.color_dark {
    color: #29324a !important;
}

.lineheight16 {
    line-height: 16px;
}

.min_height_103 {
    min-height: 103px;
}

.height-auto {
    height: auto !important;
}

.width-auto {
    width: auto !important;
}

.overflow_hidden {
    overflow: hidden !important;
}

    .overflow_hidden li {
        overflow: hidden !important;
    }

my-profile li p div {
    margin: 5px 0 0 0;
}

.my-profile li p b {
    width: 80%;
    text-align: right;
    color: #b4b3b3;
    font-size: 13px;
}

my-profile li div {
    margin-top: 7px !important;
}

.business-area li span {
    float: left;
    width: 90%;
}

.document_active {
    color: #44A6D8 !important;
}

.profile-indent {
    margin: 5px 0px 0px;
}

.lineheight20 {
    line-height: 20px !important;
    font-size: 13px !important;
}

.insearch_RightNew {
    float: left !important;
    margin: -20px 0px 0px 10px;
}

.pad9px {
    padding: 9px !important;
}

.pad7px {
    padding: 7px !important;
}

.filter_RightNew {
    margin-top: -35px !important;
    width: 6% !important;
}

.cont_color > f_head {
    color: #999999 !important;
}

.cont_color > labelleft {
    color: #555555 !important;
}



/*-----------------contract report----------------------*/

.report_Filter {
    width: 100% !important; /*overflow:inherit;*/
    height: auto;
}

    .report_Filter li {
        margin-bottom: 10px;
        min-height: 30px;
        max-height: 100%;
        overflow: initial !important;
        clear: both;
    }

        .report_Filter li a {
            margin-bottom: 0px !important;
            padding-bottom: 6px !important;
        }

        .report_Filter li small {
            width: 150px;
            margin-right: 20px;
            float: left;
        }

        .report_Filter li select {
            width: 250px !important;
        }

#liBusinessArea input {
    width: 275px !important;
}

.report_Filter li input {
    width: 281px;
    margin: 0 20px 0 0;
    height: 26px !important;
    padding: 0 5px;
}

.report_Filter_opt {
    margin-left: 25px;
}

.contractHead small:hover {
    color: #44A6D8;
}

.report_Filter {
    width: 97.7% !important;
}

    .report_Filter span {
        font-size: 20px;
    }

.filter-Close {
    font-size: 14px !important;
    color: #878787;
    line-height: 32px;
    float: left;
    cursor: pointer;
}


.upgrade-Report {
    width: 100%;
    overflow: hidden;
}

.upgrd_Report-le {
    background-color: #44a6e2 !important;
    padding: 5px 10px !important;
    color: #fff !important;
    float: left !important;
    font-size: 14px !important;
}

    .upgrd_Report-le:hover {
        background-color: #29324a !important;
    }

.upgrd_Report-le-New {
    background-color: #fff !important;
    padding: 5px 10px !important;
    color: #949494 !important;
    float: left !important;
    font-size: 14px !important;
}

.upgrd_Report-ri {
    background-color: #44a6e2 !important;
    padding: 5px 10px !important;
    color: #fff !important;
    float: right !important;
    font-size: 14px !important;
}

.upgrd_Report-ri-New {
    background-color: #fff !important;
    padding: 5px 10px !important;
    color: #949494 !important;
    float: right !important;
    font-size: 14px !important;
}

.upgrd_Report-ri:hover {
    background-color: #29324a !important;
}

.report_Contract-sum {
    width: 75%;
    color: #797979;
    font-size: 21px;
    margin: 6px 0;
    padding: 0 0;
    float: left;
}

.report_download {
    width: 25%;
    overflow: hidden;
    float: right;
}

    .report_download ul {
        float: right;
        border: 1px solid #ddd;
    }

        .report_download ul li {
            float: left;
            border-right: 1px solid #ddd;
        }

            .report_download ul li a {
                height: 24px;
                padding: 5px;
                float: left;
                background: #fff;
            }

                .report_download ul li a:hover {
                    background: #f1f1f1;
                }

.rePort td, th {
    border: none !important;
    padding: 13px 10px;
    text-align: left;
    font-size: 12px;
    color: #838282;
}

.rePort th {
    background: #444f6c none repeat scroll 0% 0%;
}

.rePort tr:nth-of-type(odd) {
    background: #fafafa;
}

.rePort td a {
    color: #44A6D8;
}

    .rePort td a:hover {
        color: #6c6c6c !important;
        text-decoration: underline;
    }

.report-Count {
    float: right;
    overflow: hidden;
    margin: 20px 0;
}

    .report-Count span {
        color: #9e9e9e;
    }

.add_filter {
    width: 100% !important;
    overflow: hidden;
    padding: 10px 0;
}

    .add_filter li {
        width: 100% !important;
        overflow: hidden !important;
        margin: 0;
    }

        .add_filter li input {
            float: left;
            margin-left: 10px;
            border: none;
            padding: 0;
            width: 16px !important;
            margin-right: 8px !important;
            margin-top: -4px;
        }

        .add_filter li a {
            border: none;
            background-color: transparent;
            padding: 5px 0px;
            width: 100%;
            margin-bottom: 0;
            border-bottom: 1px solid #eee;
            font-size: 13px;
        }
            /*.add_filter li a:hover{color:#44a6d8}*/
            .add_filter li a small {
                width: 100% !important;
            }

.add_Sett {
    width: 100% !important;
    overflow: hidden;
    padding: 10px 0;
    border: none !important;
}

    .add_Sett li {
        width: 100% !important;
        overflow: hidden !important;
        margin: 0;
        height: auto !important;
        padding: 0 !important;
    }

        .add_Sett li small {
            float: left;
        }

        .add_Sett li a {
            border: none;
            background-color: transparent;
            padding: 2px 0px 2px 0;
            width: 100%;
            margin-bottom: 0;
            border-bottom: 1px solid #eee;
            display: block !important;
            overflow: hidden;
            padding-left: 10px !important;
            color: #6a6a6a;
            line-height: 22px;
        }

            .add_Sett li a:hover {
                /*color: #44a6d8 !important;*/
                background-color: #f1f1f1 !important;
                cursor: pointer;
            }

/*#ddlReportContractType_chosen {width:293px !important; float:left; margin-right:20px;}*/
.report-Count {
    float: right;
    overflow: hidden;
    background-color: #fff;
    width: 100%;
    padding: 15px 0;
}

    .report-Count span {
        float: right;
        margin-right: 30px !important;
        color: #9e9e9e;
    }
/*#ddlReportStatus_chosen{width:293px !important; float:left; margin-right:20px;}
#ddlReportStatus_chosen ul {margin-top:0 !important; width:100%;   margin-bottom: 10px !important;}
#ddlReportContractType_chosen ul {margin-top:0 !important; width:100%;   margin-bottom: 10px !important;}*/


.margin-l0px {
    margin-left: 10px;
}

.report_Filter-1 .chosen-choices li {
    min-height: 0px !important;
}

.report_Filter-1 .chosen-choices span {
    font-size: 13px !important;
}

.report_Filter-1 .chosen-choices a {
    padding: 0 !important;
}

.report_Filter-1 {
    background-color: #fff;
    margin: 20px 0 0;
    overflow: visible !important;
    height: auto !important;
    padding: 20px 20px 10px;
    width: 96.8%;
}

.filter-Close {
    font-size: 12px !important;
    color: #878787;
    line-height: 30px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}


    .filter-Close:hover {
        color: #44a6e5;
        text-decoration: underline;
    }



.filter-Clear-d {
    font-size: 12px !important;
    color: #878787;
    line-height: 30px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}


    .filter-Clear-d:hover {
        color: #44a6e5;
        text-decoration: underline;
    }



.add_filter li a {
    border: none;
    background-color: transparent;
    padding: 5px 0px;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    cursor: default !important;
}

    .add_filter li a:hover {
        color: #949494;
        cursor: default !important;
        text-decoration: none !important;
        background-color: #fff;
    }

.add_filter li {
    margin-bottom: 0 !important;
}

.aplay_Filter {
    border-bottom: none !important;
    font-size: 12px !important;
    color: #44a6d8 !important;
    margin-left: 20px !important;
    background-color: transparent !important;
    padding-bottom: 0px !important;
}

    .aplay_Filter:hover {
        color: #29324a !important;
        text-decoration: underline !important;
    }


.report_browse {
    border: none !important;
    color: #44a6e2 !important;
    font-size: 14px !important;
    margin-right: 15px !important;
}

    .report_browse:hover {
        background-color: transparent !important;
    }


.report_MuLti ul li {
    width: auto !important; /*float: left !important;*/
    clear: none !important;
}


    .report_MuLti ul li a {
        margin-right: 0px !important;
    }

.report_MuLti .chosen-container {
    width: 350px !important;
    float: left;
    margin-right: 20px;
}

    .report_MuLti .chosen-container ul {
        margin-top: 0 !important;
        width: 100%; /*margin-bottom: 10px !important;*/
    }

.report-Filter-title {
    vertical-align: middle;
    width: 18%;
}

    .report-Filter-title small {
        margin-top: -9px;
        float: left;
    }

.report-Filter-Control {
    width: 32%;
    vertical-align: middle;
    padding-bottom: 10px;
}

    .report-Filter-Control a {
        border-radius: 0 !important;
        /*width: 175px !important;*/
    }

.report-Filter-userAccess {
    margin-top: 20px;
}


.report-Filter-DatePicker {
    /*margin-bottom: 10px;*/
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #cdcdcd;
    height: 27px;
    background-color: #fff !important;
    color: #838282;
    width: 175px !important;
}

.report-Filter-Toggle {
    margin-right: -15px;
    margin-top: -7px;
}

.add_Settsort {
    padding: 1px 0 0 0 !important;
}

/*.tbhead_sortmargin > div > div {
    margin: 0 !important;
}*/
#tblhead th a img {
    margin: 0 !important;
}

#tblhead th {
    min-width: 150px;
}

#contractList td {
    min-width: 140px;
}

#reportAll {
    overflow-x: scroll;
}

.report-TableAll {
    min-width: 100%;
    max-width: 100% !important;
}

    .report-TableAll td {
        padding: 10px 15px !important;
    }

.report-input-businessarea {
    float: left !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #cdcdcd;
    height: 27px !important;
    background-color: #fff !important;
    color: #838282 !important;
    width: 293px !important;
}

.report-a-businessarea {
    margin: 0 0 0 5px !important;
    border: none !important;
    font-size: 12px !important;
    color: #44a6d8 !important;
}

    .report-a-businessarea a:hover {
        background-color: none !important;
        color: #44a6d8 !important;
    }


/*----------------------------------------reportlanding-page--------------------------------------------------------*/

.report_Land {
    border: 1px solid #e4e4e4;
    margin-top: 30px;
    display: block;
    background-color: #fff;
}

    .report_Land td {
        border: none;
        width: 20%;
        vertical-align: top;
        border-right: 1px solid #e4e4e4;
    }

    .report_Land tr:nth-of-type(2n+1) {
        background: none;
    }

.report_Land_title {
    background-color: #f3fbff;
    border-right: 1px solid #e4e4e4 !important;
}

.report_Land tr {
    border-bottom: 1px solid #e4e4e4;
    width: 100%;
}

.report_cont {
    width: 100%;
    overflow: hidden;
    padding: 30px;
    background-color: #fff;
    margin-top: 20px;
}

.report_Ul {
    width: 100%;
    overflow: hidden;
    border: 1px solid #e4e4e4;
}

.report_title {
    overflow: hidden;
    float: left;
}

    .report_title img {
        float: left;
        padding: 15px 0 15px 20px;
    }

    .report_title b {
        float: left;
        padding: 15px 20px 15px 10px;
        font-size: 16px;
        color: #29324a;
        font-weight: normal;
        width: 60%;
    }
/*.report_right{float:left; overflow:hidden; width:80%;}
*/ .report_right_div {
    overflow: hidden; /*border-right:1px solid #e4e4e4;*/
    margin-left: 8px;
    margin-bottom: 12px;
}

    .report_right_div p {
        font-size: 15px;
        color: #8d8d8d;
        margin: 10px 0px 7px 0;
    }

    .report_right_div small {
        font-size: 15px;
        color: #8d8d8d;
        float: left;
        font-size: 12px;
        width: 92%;
    }

        .report_right_div small a {
            color: #44a6d8;
        }

            .report_right_div small a:hover {
                color: #29324a !important;
                text-decoration: underline;
            }

    .report_right_div span {
        color: #cfcfcf;
        font-size: 12px;
        float: left;
    }

    .report_right_div > ul > li {
        overflow: hidden;
        line-height: 16px;
        color: #000;
    }

    .report_right_div ul.d {
        list-style-type: circle !important;
    }

.bullet_Point {
    margin: 0 3px 0 0;
    float: left;
}

.report_Land-border {
    border-right: none !important;
}

.report_Land img {
    cursor: default !important;
}

.report_heading_popmodal {
    margin: 0px 0 !important;
    padding-left: 0;
}

.report_browse_one + div > div {
    margin: 0px 0 !important;
    padding-left: 0;
}

.report_contractacess_view {
    vertical-align: middle;
    padding-left: 5px;
}


/*Obligation New Popup Classes*/

.obligationNew_popuptitle {
    float: left;
    width: 50%;
    color: #126fb1;
    float: left;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 0px 5px 25px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obligationNew_popuptitlediv {
    float: right;
    width: 40%;
    margin-top: -5px;
}

.obligationNew_popuptitlespan {
    float: left;
    margin-left: 45%;
    margin-top: 10px;
}

.obligationNew_popuptitleddl {
    float: right;
    width: 35% !important;
}

.obli_Cho_mSElect + div {
    width: 58.6% !important;
}

.obligationNew_OcurrenceHeading {
    margin-top: 20px;
    width: 31.5%;
    float: left;
    /*margin-bottom: 20px;*/
}

.obligationNew_OcurrenceHeading1 {
    width: 50%;
    float: left;
    margin-top: 20px;
}

.obligationNew_Ocurrencebody {
    width: 31%;
    float: left;
}

.obli_ocurr_ul {
    margin-right: 19.8%;
}

    .obli_ocurr_ul li {
        width: 20%;
        padding: 0 0 0 5px;
        line-height: 30px;
        float: left;
        margin-left: 38.4%;
    }

.obligation_Products_head {
    background-color: #29324a;
    color: #fff;
}

.obligation_Products_Items {
    /*padding: 15px 0 0 0;*/
}

.obligation_quick {
    width: 17%;
    margin: 20px 0;
}

.obligation_quick_fin {
    width: 18%;
    margin-left: 15px;
}

.width13 {
    width: 13% !important;
}

.obl_fin_currency {
    width: 6%;
    display: inline-block;
}

.width54 {
    width: 54% !important;
    float: left;
}

.width36 {
    width: 36% !important;
}

.width15 {
    width: 15% !important;
}

.width18_5 {
    width: 18.5% !important;
}

.width17_5 {
    width: 17.5% !important;
}

.width21 {
    width: 21% !important;
}

.width18 {
    width: 18% !important;
}

.report_tbl_hed_sort {
    margin: 0 -7px;
}

.width10_7 {
    width: 10.7% !important;
}



#viewProductsPopup + .ui-helper-clearfix > .summary_Save_cancel > button > .pop_up_Content_White {
    margin: 0 !important;
}

.Report-Chosen-Single > .chosen-container-single > a {
    width: 100%;
    border-radius: 5px !important;
}

    .Report-Chosen-Single > .chosen-container-single > a + div {
        margin-top: -20px;
    }

.Report-Chosen-Single > .chosen-container-single > .chosen-drop > .chosen-results {
    height: 150px;
    overflow-x: auto;
}

.pad-top {
    padding-top: 10px;
}


.back-btn {
    padding: 0px;
    border-radius: 4px;
    color: #494949;
    display: inline-block;
    font-size: 14px;
    text-align: center;
}

.padding_left_none img {
    vertical-align: middle;
    padding-bottom: 4px !important;
}

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

.linkText:focus {
    text-decoration: none;
}

.report_Users > ul > li > p > i > a {
    font-size: 15px !important;
    line-height: 22px;
    color: #44A6D8 !important;
}

.report_Users > ul > li > p {
    float: right !important;
}

.report_Users {
    margin-top: 0px !important;
}

.report_CA_viewall {
    padding-left: 5px !important;
    font-size: 12px !important;
}

.report_browse_one img {
    vertical-align: top;
}

.report_BA_SelectItem {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

.report_A-Z_space {
    float: left;
    margin-right: 10px !important;
}

.report-Filter-Control > input {
    padding-left: 5px;
}


.report-Filter-Control > .chosen-container > .chosen-drop > .chosen-results {
    max-height: 210px;
}

.userAccessnew + .chosen-container-single > .chosen-drop > .chosen-results {
    max-height: 130px;
}

.f_input_small {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    color: #999;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 5px 10px 5px 0px;
    padding: 6px 8px 4px 10px;
    width: 20%;
    border: 1px solid #cccccc;
    line-height: 17px;
}

.f_select_small {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    color: #999;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 5px 10px 5px 0px;
    padding: 3px 5px 2px 5px;
    width: 20%;
    border: 1px solid #cccccc;
    line-height: 17px;
}

.f_input_milestone {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    color: #999;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 5px 10px 5px 0px;
    padding: 3px 8px 4px 10px;
    width: 20%;
    border: 1px solid #cccccc;
    width: 385px;
    line-height: 17px;
}


.milestone_Rec_month {
    width: 70.26%;
    float: inherit;
}

.f_input_milestone + .chosen-container-multi {
    width: 63.5% !important;
}

.width12_5 {
    width: 12.5% !important;
}

.milestone_Rec_Edit {
    border: 1px solid #CCC;
    font-size: 13px;
    padding: 5px;
    color: #9C9C9C;
}

.calog_Add_pop {
    height: auto !important;
}

.calog_Add_curr {
    height: 30px;
    margin: 5px 6px 0px;
    text-align: left;
    line-height: 30px;
}

.obli_catalog_disable {
    background-color: rgba(240, 237, 237, 0.38) !important;
}

.obli_catalog_enable {
    background-color: #fff !important;
}

.obligation_addiem_mrg {
    margin-left: 15px;
}

.obli_status_chang {
    width: 110px !important;
}

.margin_left_5px {
    margin-left: 5px !important;
}

.oblig_ocurr_head {
    border-bottom: 1px solid rgb(221, 221, 221);
    overflow: hidden;
    font-size: 18px !important;
    padding-bottom: 10px !important;
    /*margin-bottom:10px !important;*/
}

.obligationNew_OcurrenceHeading2 {
    margin-top: 20px;
    width: 81.5%;
    float: left;
}

.oblig_cat_sum_act {
    color: #6c9539;
}

.oblig_cat_sum_dec {
    color: #44a6d8;
}


.obligation_satus_setting {
    padding: 5px 15px 5px 10px !important;
}

.add_Sett > li > a > small {
    margin-left: 10px !important;
    font-size: 12px !important;
}


.activity_oblicatstatus {
    padding: 5px 10px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    border: 1px solid #A2A2A2;
    background-color: #FFF;
    margin-left: 7px;
}

.width36_1 {
    width: 36.1% !important;
}

.userAccessnew + .chosen-container-single > .chosen-drop > .chosen-results {
    max-height: 130px;
}


#tbBulkControls > tr > td > input {
    margin: 1px 5px 0 0;
    float: left;
}

.width11 {
    width: 11% !important;
}

.width11_7 {
    width: 11.7% !important;
}

.width32 {
    width: 32% !important;
}

.width27 {
    width: 27% !important;
}

.width31 {
    width: 31% !important;
}

.font_14 {
    font-size: 14px;
}

#obligationcatalogsRecurrenceEditPopup {
    height: auto !important;
}


.ulObliRec {
    margin-top: -5px;
    overflow: hidden;
    display: block;
}

.spanlineheight {
    line-height: 18px;
    float: left;
}

#obligationRecurrenceEditPopup {
    height: auto !important;
}


.obli_actiondivnew {
    margin-right: -7px;
}

.obli_actiondivdark {
    background-color: rgb(247, 247, 247) !important;
}

.obli_actiondivwhite {
    background-color: #FFF !important;
    border: medium none !important;
}

.pad-left-6px {
    padding-left: 6px !important;
}

.obligation-act-new {
    padding: 4px 5px !important;
}

    .obligation-act-new.active {
        background-color: #FFF !important;
        opacity: 1 !important;
    }

.width44 {
    width: 44% !important;
}

.pad-rgt-2_5 {
    padding-right: 2.5% !important;
}

.margin-top-15 {
    margin-top: 15px;
}

.report-obliproddark {
    background-color: #E1FEFD !important;
}

.report-obliprodlight {
    background-color: #F4FBFF !important;
}

.contract_TErm_REN input {
    margin-right: 5px;
    vertical-align: middle;
}

.contract_TErm_REN img {
    vertical-align: top;
    margin-top: 2px;
}

.colour-blue {
    color: #428bca;
}

.colour-block {
    color: #000000;
}

.current {
    width: auto !important;
}

.bulk-up tr td label {
    margin: 1px 0 0 5px;
}


.word-break {
    word-break: break-all;
}


.obliprodname_td {
    padding: 0px 10px !important;
    height: 22px;
    vertical-align: middle !important;
}

.obliprodother_td {
    padding: 0px !important;
}

.obliprod_span {
    width: 33% !important;
    float: left;
    padding-top: 10px;
    min-height: 24px;
}

.obliprod_tr {
    height: 30px !important;
}

.obliprod_var {
    background-color: #fff;
}



/*----------------------new contract page start-----------------------------*/

.alertbox_status ul > li > p > i > b {
    float: left;
    font-size: 11px;
    padding: 0px 5px;
    color: #FFF;
    border-radius: 4px;
    margin: 2px 5px 0 0px;
    line-height: 15px;
    width: 57px;
    text-transform: uppercase;
    padding-bottom: 1px;
}

    .alertbox_status ul > li > p > i > b > img {
        vertical-align: top;
        float: left;
        margin-right: 2px;
        margin-top: 2px;
    }

.alertbox_status_contDeat ul p i b + a {
    color: #212121;
    font-size: 17px;
    margin-top: -1px;
    max-width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.margin-Top10 {
    margin-top: 10px !important;
}

.margin-right {
    margin-right: 10px !important;
}

.cont_Rig-opt {
    border: 1px solid #dddddd;
    float: right;
    border-radius: 5px;
    background-color: #fff;
    margin-top: 6px;
}

    .cont_Rig-opt a:hover {
        background-color: #f1f1f1;
    }

    .cont_Rig-opt a:last-child {
        border-right: none !important;
    }

    .cont_Rig-opt a {
        padding: 2px 5px 0px 5px;
        float: left;
        border-right: 1px solid #ddd;
        line-height: 14px;
        width: auto !important;
    }

.margin-top6 img {
    margin: 6px 0 5px 0;
}

.cont_Top_StaTT {
    float: left;
    border: 1px solid #dddddd;
    background-color: #fff;
    margin-right: 10px;
}

    .cont_Top_StaTT a {
        border-right: 1px solid #ddd !important;
        float: left;
        border-radius: 0;
    }

        .cont_Top_StaTT a:hover {
            background-color: #f1f1f1;
        }

        .cont_Top_StaTT a:last-child {
            border-right: none !important;
        }

.conTract_Rec {
    margin-top: 20px !important;
}

    .conTract_Rec li {
        margin: 0 -20px !important;
        padding: 10px 20px;
    }

        .conTract_Rec li:hover {
            background-color: #f1f1f1;
        }

    .conTract_Rec .aActive {
        background-color: #eff9ff;
    }

.contract_STatus_A {
    border: 1px solid #ddd !important;
    padding: 5px 8px 4px 8px !important;
    background-color: #fff !important;
}

    .contract_STatus_A:hover {
        background-color: #f7f7f7 !important;
    }


/*----------------------new contract page end-----------------------------*/

/*----------------------milestone status start-----------------------------*/

.milestone-Delayed {
    background-color: #E67665;
    color: #fff;
    margin: 0 3px 0 5px;
    padding: 2px 5px 2px 5px;
    font-size: 11px;
    border-radius: 4px;
    vertical-align: top;
    text-transform: uppercase;
    display: inline-block;
    width: 58px;
}

.milestone-Complete {
    background-color: #44A6D8;
    color: #fff;
    margin: 0 3px 0 5px;
    padding: 2px 5px 2px 5px;
    font-size: 11px;
    border-radius: 4px;
    vertical-align: top;
    text-transform: uppercase;
    display: inline-block;
    width: 58px;
}

.milestone-Upcoming {
    background-color: #F0AD4E;
    color: #fff;
    margin: 0 3px 0 5px;
    padding: 2px 5px 2px 5px;
    font-size: 11px;
    border-radius: 4px;
    vertical-align: top;
    text-transform: uppercase;
    display: inline-block;
    width: 58px;
}

.milestone-Delayed img {
    vertical-align: text-top;
    margin-top: 1px;
}



/*----------------------milestone status end-----------------------------*/

/*----------------------contract status start-----------------------------*/

.manage-Cont_Status {
    height: auto;
}

    .manage-Cont_Status b {
        font-size: 11px;
        padding: 0px 5px 1px;
        color: #FFF;
        border-radius: 4px;
        width: 50px;
        text-transform: uppercase;
        /*vertical-align: text-top;*/
        margin-right: 5px;
        display: inline-block;
        line-height: 15px;
    }

    .manage-Cont_Status img {
        /*margin-top: 5px;*/
        margin-right: 3px;
    }

/*----------------------contract status end-----------------------------*/


/*Request Status*/
.requeSt_StaTus {
    height: auto;
}

    .requeSt_StaTus li b {
        font-size: 11px;
        padding: 0px 5px 1px;
        color: #FFF;
        border-radius: 4px;
        width: 50px;
        text-transform: uppercase;
        vertical-align: text-top;
        margin-right: 3px;
        float: left;
        text-align: left;
    }

        .requeSt_StaTus li b img {
            margin: 2px 5px 0 0;
            float: left;
        }

.contract-RightCustom p a {
    display: inline !important;
}



.txtarea_popwidth {
    width: 57.5%;
}

.obl-margin-right-1_2 {
    margin-right: 1.2%;
}

.obl-margin-right-1per {
    margin-right: 1%;
}

.obl-margin-right-p8per {
    margin-right: .8%;
}

.obl-margin-right-p3per {
    margin-right: .3%;
}



.requests_Index_status_b {
    font-size: 11px;
    padding: 0px 5px 1px;
    color: #FFF;
    border-radius: 4px;
    width: 50px;
    text-transform: uppercase;
    margin-right: 5px;
    display: inline-block;
    line-height: 15px;
}

    .requests_Index_status_b img {
        margin: 2px 5px 0px 0px;
        float: left;
    }

.details_documentstatus {
    margin: 4px 0px 0px 5px;
    padding: 2px 0px;
    font-size: 11px;
    border-radius: 4px;
    vertical-align: top;
    text-transform: uppercase;
    display: inline-block;
    width: 20px;
}

.single-Bulk {
    float: right;
    border-radius: 5px;
    background-color: #44a6d8;
    padding: 0 !important;
}
.primary-btn
.single-Bulk > a {
    color: #44a6d8 !important;
    font-size: 14px;
    float: left;
    padding: 6px 10px 9px !important;
    margin: 0;
    background: #fff;
    border: 1px solid #44a6d8 !important;
}

        .single-Bulk > a:nth-child(2) {
            /*border-right: 1px solid #59BEF1;*/
            border-radius: 5px !important;
            margin: 0px;
            line-height: 20px;
        }

        .single-Bulk > a:hover:nth-child(2) {
            border-radius: 5px !important;
        }

        .single-Bulk > a:first-child {
            border-radius: 5px 0px 0px 5px !important;
            line-height: 20px;
            border-right: 1px solid #5FBFF0 !important;
            margin: 0px;
        }

        .single-Bulk > a:nth-child(3) {
            border-radius: 0 5px 5px 0 !important; /* padding:6px 0px 1px 6px !important;*/
            line-height: 18px;
            border-right: 1px solid #5fbff0;
            margin: 0px;
        }

.single-Bulk > a:hover {
    background-color: #44a6d8 !important;
    color: #fff !important;
}

.single-Bulk-record {
    float: right;
    border-radius: 5px;
    background-color: #44a6d8;
    padding: 0 !important;
}

    .single-Bulk-record > a {
        
        font-size: 14px;
        float: left;
        padding: 6px 10px 9px !important;
        border-radius: 5px !important;
        margin: 0px;
    }

        .single-Bulk-record > a:hover {
            background-color: #44a6d8 !important;
            color: #fff !important;
            border-radius: 0;
        }

.cnt-det-Btns {
    float: right;
    margin: 37px 10px 0px 0px;
    position: absolute;
    right: 0px;
    bottom: 15px;
}

.cnt-det-Btn-span {
    float: left;
    margin-right: 5px;
}

.cnt-det-Btn-span-rt {
    margin-right: 0px !important;
}

.cnt-det-Btn-span-save {
    background-color: rgb(68, 166, 216);
    color: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 2px 5px;
    cursor: pointer;
}

.cnt-det-Btn-span-Cancel {
    border-radius: 5px;
    padding: 2px 5px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(238, 238, 238);
    color: rgb(136, 136, 136);
    cursor: pointer;
}




.tblhead-Report-ProductsY > th {
    border-right: 1px solid rgb(221, 221, 221) !important;
}



.tblhead-Report-ProductsY > tr > td {
    border-right: 1px solid rgb(221, 221, 221) !important;
    padding: 0px !important;
}

    .tblhead-Report-ProductsY > tr > td:first-child {
        border-right: 1px solid rgb(221, 221, 221) !important;
        padding: 0px 10px !important;
        height: 22px;
        vertical-align: middle !important;
    }

    .tblhead-Report-ProductsY > tr > td:last-child {
        border-right: 1px solid rgb(221, 221, 221) !important;
        padding: 0px !important;
        background-color: #ECFFEF;
        color: #FE9A2E;
    }


.tblhead-Report-ProductsY1 > tr > td {
    border-right: 1px solid rgb(221, 221, 221) !important;
}

    .tblhead-Report-ProductsY1 > tr > td:nth-child(even) {
        background-color: #E1FEFD !important;
    }

    .tblhead-Report-ProductsY1 > tr > td:nth-child(2n+3) {
        background-color: #F4FBFF !important;
    }

#mid-section1 .activity_left {
    margin-bottom: 7px;
}

    #mid-section1 .activity_left > b, #mid-section1 .activity_left b + div {
        margin: 0 !important;
    }

.divpostcommentsec label {
    width: 100%;
    margin-bottom: 10px;
}

.divpostcommentsecbtn {
    float: right;
    margin-right: 10px;
}

    .divpostcommentsecbtn p a {
        margin-right: 10px;
    }

    .divpostcommentsecbtn p a {
        margin-right: 10px;
        text-decoration: none;
        min-width: 50px;
        text-align: center;
    }

        .divpostcommentsecbtn p a:first-child {
            color: #fff;
        }

#tblComments li p span {
    display: block;
    width: 100%;
    margin-top: 10px;
}

#tblComments li p small {
    float: right;
    width: 40%;
    text-align: right;
    margin-bottom: 10px;
}

#tblComments li p b {
    float: left;
    width: 60%;
    margin-bottom: 10px;
    font-weight: bold;
}

#mid-section1 .shareDocument {
    overflow-y: hidden;
}

.box2_Right-new span.contraLeft {
    font-size: 14px;
    color: #999;
    width: 40%;
}

.box2_Right-new span.contraRight {
    float: left;
    font-size: 14px;
    width: 50%;
    color: #555;
}


.contraRigght > b {
    display: inline-block;
    float: left;
    width: 45%;
}

#tbBulkControls > tbody tr td:first-child label {
    display: inline-block;
    max-width: 170px !important;
    width: 170px !important;
    word-break: break-all;
}

#tbBulkControls > tbody tr td:first-child input {
    vertical-align: top;
}

.hideUserlocal {
    display: none !important;
}

span.float_right1.margin-left-14.padding_right_20px a {
    color: #fff;
    padding-right: 13px;
}

#tblGeneric tbody {
    display: table;
    width: 100%;
}

.nicEdit-main {
    line-height: normal;
    margin: 0 !important;
    min-height: 200px;
    padding: 2%;
    width: 96% !important;
    /*word-break: break-all !important;*//*Note text box should not cut off the text*/
}

#listContracts li > p > input + i > b img {
    margin: 0;
    margin-top: 1px;
    margin-right: 5px;
    width: 12px;
}

#listContracts li > p > input + i > b {
    width: 1px;
    /* padding: 2px 7px 2px 7px; */
    border-radius: 50%;
    height: 11px;
}

/*manoj*/
#bulkall.box_Summery form ul li input + span + a {
    position: absolute;
    right: 32px;
    top: 2px;
}

#bulkall.box_Summery form ul li input + span {
    clear: both;
    margin-left: 32%;
    padding-top: 1%;
}

#bulkall.box_Summery form ul li {
    position: relative;
}
/*Added from 2.4final to 2.4*/
/*manoj*/
/*ENH 2  Minor Enhancement Specs-Rahul*/
.toDoTask {
    background-color: rgba(255, 255, 255, 0.99) !important;
    background-image: linear-gradient(transparent, #f2f3f4) !important;
}

    .toDoTask:hover {
        background-color: #cccccc !important;
        background-image: linear-gradient(transparent, #ffffff) !important;
    }

.toDoReject {
    background-color: #ff3232 !important;
    background-image: linear-gradient(transparent,#e52d2d) !important;
}

    .toDoReject:hover {
        background-color: #cc2828 !important;
        background-image: linear-gradient(transparent, #991e1e) !important;
    }

.toDoSkip {
    background-color: #db9d0c !important;
    background-image: linear-gradient(transparent,#eaad1f) !important;
}

    .toDoSkip:hover {
        background-color: #deab31 !important;
        background-image: linear-gradient(transparent, #991e1e) !important;
    }

.smallToDo {
    color: #646465 !important;
}
/*ENH 2  Minor Enhancement Specs-Rahul*/
/*Task Details page button*/
#toDo_btn .toDoReviewed:hover {
    background-color: #5c8923;
    background-image: linear-gradient(transparent, #0d3a01);
    cursor: pointer;
    border: 1px solid #ccc !important; /*Added from 2.4final to 2.4*/
}

#toDo_btn .toDoReviewed {
    background-color: #93c05a;
    background-image: linear-gradient(transparent, #6f9c36);
    border-radius: 5px;
    float: right;
    padding: 5px 10px 7px;
    border: 1px solid #ccc !important; /*Added from 2.4final to 2.4*/
}

#idDocumentStatus > img {
    float: none !important;
    margin: 5px 5px 0 0;
    padding: 0;
    vertical-align: top;
}

.cct ul {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 10px;
    position: absolute;
    max-width: 250px;
    z-index: 99999;
    right: 0;
}

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

        .cct ul li a {
            border: medium none;
            line-height: 20px;
            outline: medium none;
            padding: 5px 40px 0 30px;
        }

.cct-sec {
    max-width: 250px;
    position: relative;
}

#divSharedDocument a, #divSharedDocument span {
    margin-top: 5px !important;
}

#divSharedDocument .cct-sec ul li a {
    height: auto;
    margin: 0 !important;
    padding-top: 0;
}

#tblCounterparties-nav div.ln-letters {
    margin-bottom: 10px;
}

    #tblCounterparties-nav div.ln-letters ul li {
        display: inline-block;
        padding: 0 5px;
    }

ul#menuSMultiple li {
    display: inline;
}

/*new css for global search*/

#contentsearch {
    width: 265px;
    float: left;
    display: block;
    background: #fff;
    padding: 10px;
}

.search_input {
    width: 219px;/*width: 187px;*/
    height: 30px;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    padding-left: 5px;
    /*padding-right: 32px;*/
    margin-top: 10px;
    margin-bottom: 8px;
}


.search_btn {
    width: 46px;
    margin-top: 6px;
    padding: 8px;
    background: #fff;
    cursor: pointer;
    outline: none;
    font-weight: normal;
    color: #44a6d8;
    font-size: 14px;
    border-radius: 5px;
    float: right;
    border: solid 1px #44a6d8;
}

    .search_btn a {
        color: #44a6d8 !important;
    }
    .search_btn a:hover {
        color: #fff !important;
    }

    .search_btn:hover {
        background: #44a6d8;color:#fff;
    }

    .tab_holder {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
/*manoj*/

div#divSharedDocument a + span + a > img {
    padding-right: 0;
}

div#divSharedDocument a img {
    padding: 0 9px;
    margin: 0;
}

#ulPeople .contraRigght span.contraLeft span {
    display: block;
    padding-top: 5px;
}
/*manoj*/

.labelreport {
    font-size: 12px;
    border-radius: 0.25em;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 0.3em 0.6em 0.4em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    margin-bottom: 2px;
}

input#chkRestrictCategory + span img {
    vertical-align: top;
}

input#chkRestrictCategory {
    margin-right: 5px;
    vertical-align: top;
}

.labelelipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30px;
    font-size: 12px;
    border-radius: 0.25em;
    color: #fff;
    display: block;
    line-height: 1;
    padding: 0.3em 0.6em 0.4em;
    text-align: center;
    vertical-align: baseline;
    float: left;
    width: 30px;
}

.PreserveSpace {
    white-space: pre-wrap !important;
}

.ui-dialog-title {
    white-space: pre-wrap !important;
}

#RpttdtxtNotes > div {
    width: 100% !important;
}


a.clearr img {
    max-height: 40px;
}
/*Quick Actions Button*/
/*.logoRight li a b {
    background-repeat: no-repeat;
    background-position: center;
    min-height: 30px;
}*/

.logoRight li a b {
    background-repeat: no-repeat;
    background-position: center;
    min-height: 30px;
    height: 30px !important;
}
/*Quick Actions Button*/
.clsdivCounterparty {
    width: 79%;
    float: left;
    padding: 0px;
}

.contract_man_term {
    width: 100%;
    margin-top:5px;
}

    .contract_man_term td {
        padding: 2px 10px;
        vertical-align: middle;
    }

.con_m_head {
    font-size: 12px;
    color: #999;
    font-family: roboto;
    width: 100%;
    line-height: 18px;
}

.con_s_head {
    /*font-size: 12px;
    color: #666;
    font-family: roboto;*/
    font-size: 14px;
    color: #212121;
    font-family: roboto;
}

table#tblMetadataDetail small {
    font-size: 12px;
    line-height: 20px;
}

.form-controls {
    font-family: "Segoe UI Semibold", "Segoe UI", "Segoe UI Light";
    background-color: #fafafa;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 4px #dcdcdc inset;
    -moz-box-shadow: 0 1px 4px #dcdcdc inset;
    -webkit-box-shadow: 0 1px 4px #dcdcdc inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 95%;
}

.ems_label {
    display: inline-block;
    /* font-weight: 700; */
    margin-bottom: 5px;
    max-width: 100%;
    text-align: right;
    /* color: #333333; */
    color: #939393;
}

.row-group_con {
    margin-bottom: 10px;
}

uplaod_box {
    border: 2px dashed #d2d2d2;
    position: relative;
    min-height: 135px;
    min-width: 250px;
    max-width: 1000px;
    margin: auto;
    display: flex;
    padding: 0;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
    color: #3AA0FF;
}


.btn_sec {
    display: block;
    color: #3AA0FF;
    border: solid 1px #3AA0FF;
    padding: 10px;
    margin: auto;
    width: 100%;
    max-width: 250px;
}

.upload_text {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    padding: 20px 0;
}

.upload_list {
    width: 100%;
    margin: 20px 0;
}

    .upload_list th {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        padding: 3px;
        color: #565656;
        font-weight: 400;
        text-align: left;
    }

    .upload_list td {
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
        padding: 6px 3px;
        /*color: #444444;*/
        text-align: left;
        vertical-align: middle;
    }

    .upload_list select {
        width: 100% !important;
        padding: 5px;
        border: solid 1px #ccc;
    }

.clManageDrag {
    width: 100%;
    float: left;
}

/*****Filters table css AJAY*/
.filter_text {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    padding: 20px 0;
}

.filter_list {
    width: 100%;
    margin: 20px 0 10px 0;
}

    .filter_list th {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        padding: 3px;
        color: #666;
        font-weight: 400;
        text-align: left;
    }

    .filter_list td {
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
        padding: 6px;
        color: #444444;
        text-align: left;
    }

    .filter_list select {
        width: 100%;
        padding: 5px;
        border: solid 1px #ccc;
    }

    .filter_list input {
        width: 96%;
        padding: 6px;
        border: solid 1px #ccc;
    }

.search_heading {
    width: 52.5%;
    float: left;
}

.search_view_switch {
    width: 15%;
    float: left;
    margin-top: 10px;
    margin-right: 5px;
}

.notify_text_msg {
    display: inline-block !important;
    padding: 10px !important;
    background: #f9f9f9;
    width: 99% !important;
    border: solid 1px #eaeaea;
}

.sort_filter_block {
    float: right;
    display: inline-block;
    /*margin-top: -19px;*/
    margin-top: 0;
}

.sort_filter_block_Help {
    float: left;
    display: inline-block;
    margin-top: -18px;
    margin-left: 37%;
}

.sort_filter_activity {
    float: right;
    display: inline-block;
    margin-top: -13px;
    margin-left: 50px;
}

.notifty_nofound {
    display: inline-block !important;
    padding: 10px !important;
    background: #f9f9f9;
    width: 91% !important;
    border: solid 1px #eaeaea;
}

.sort_filter_block input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
}

.dotdotdotForMoreSpace {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    float: left;
}

.doted100 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    float: left;
}

.doted80 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
    float: left;
}
.doted290px {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 290px;
    float: left;
}
.clsCreateASbtn {
    border-radius: 5px;
    margin-top: 8px;
    float: left;
    padding: 5px 10px 7px;
    border: 1px solid #ccc !important;
}

.expand_wf {
    background-image: url(/Content/Images/arr_right.png);
    background-repeat: no-repeat;
    background-position: left;
}

.collapse_wf {
    background-image: url(/Content/Images/arr-down.png);
    background-repeat: no-repeat;
    background-position: left;
}

.filtersUP_wf {
    background-image: url(/Content/Images/arr_up.png);
    background-repeat: no-repeat;
    background-position: left;
}


#ulMangeLabels {
    width: 98%;
    float: left;
    display: block;
    padding: 10px;
    border: solid 1px #ccc;
    max-height: 250px;
    overflow-y: scroll;
}

#ulSelectedLabels {
    width: 98%;
    float: left;
    display: block;
    padding: 10px;
}

    #ulSelectedLabels li {
        width: 100%;
        float: left;
        margin-bottom: 2px;
    }

.select_label_filterItem {
    padding: 10px 0;
    overflow: hidden;
    width: 100%;
}

    .select_label_filterItem small {
        float: left;
        color: #fff;
        font-size: 10px;
        margin-top: 1px;
    }

    .select_label_filterItem img {
        float: left;
        margin: 3px 3px;
    }

    .select_label_filterItem span {
        background-color: #f1f1f1;
        white-space: nowrap;
        margin-bottom: 2px;
        float: left;
        border-radius: 0.25em;
        ;
        font-weight: 700;
        line-height: 1;
        padding: 0.3em 0.6em 0.4em;
        text-align: center;
        vertical-align: baseline;
    }

.main_title_left {
    width: 65%;
    float: left;
}

.my_contract_search_block {
    display: block;
    float: left;
    padding: 10px 20px;
    width: 95%;
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 4px 4px 0 0;
}


.lblleft1 {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 2px 30px 4px 2px;
    line-height: 20px;
    margin-bottom: 1px;
    text-align: left;
    vertical-align: text-top;
    font-weight: bolder;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e0e7ee;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    outline: none;
    padding-left: 10px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

    .nice-select:hover {
        border-color: #d0dae5;
    }

    .nice-select:active, .nice-select.open, .nice-select:focus {
        border-color: #88bfff;
    }

    .nice-select:after {
        border-bottom: 2px solid #90a1b5;
        border-right: 2px solid #90a1b5;
        content: '';
        display: block;
        height: 5px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 5px;
    }

    .nice-select.open:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .nice-select.open .list {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .nice-select.disabled {
        border-color: #e7ecf2;
        color: #90a1b5;
        pointer-events: none;
    }

        .nice-select.disabled:after {
            border-color: #cdd5de;
        }

    .nice-select.wide {
        width: 100%;
    }

        .nice-select.wide .list {
            left: 0 !important;
            right: 0 !important;
            width: 190px;
        }

    .nice-select.right {
        float: right;
    }

        .nice-select.right .list {
            left: auto;
            right: 0;
        }

    .nice-select.small {
        font-size: 12px;
        height: 36px;
        line-height: 34px;
    }

        .nice-select.small:after {
            height: 4px;
            width: 4px;
        }

        .nice-select.small .option {
            line-height: 34px;
            min-height: 34px;
        }

    .nice-select .list {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 9;
    }

        .nice-select .list:hover .option:not(:hover) {
            background-color: transparent !important;
        }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 25px;
        list-style: none;
        min-height: 25px;
        outline: none;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

        .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
            background-color: #f6f7f9;
        }

        .nice-select .option.selected {
            font-weight: bold;
        }

        .nice-select .option.disabled {
            background-color: transparent;
            color: #90a1b5;
            cursor: default;
        }

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.sidenav {
    float: left;
    overflow: hidden;
}

.clssidenav {
    width: 400px;
    border: 1px solid #ccc;
    display: block;
    float: left;
}

.block100 {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 10px;
}

.acc_heading {
     font-family: 'Lato', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    font-weight: normal;
    color: #ccc;
    padding-right: 20px;
    text-align: left;
    display: block;
    padding-top: 8px;
}


/* Approval hgroup CSS Start */

    .wf-group{
        background:#06a411;
font-weight: bold;
padding: 0px 3px 0px 3px;
font-size: 10px;
border-radius: 3px;
margin: 0.5px 0 0 3px !important;
width: 30px;
text-align: center;
    }
    .wf-group > a {
        color: #fff;
    }
    .wf-group.any{
  background-color: #ee6501;
}
    .switch-wf-group {
  position: relative;
  display: inline-block;
  width: 40px;
height: 13px;
margin: 0 5px 0 0 !important;
cursor: pointer;
}

.switch-wf-group input {display:none;}

.slider {
  position: absolute;
content: "";
left: 2px;
background-color:#ee6501;
-webkit-transition: .4s;
transition: 0.4s;
}

.slider:before {
position: absolute;
content: "";
height: 9px;
width: 10px;
left: 3px;
bottom: 2px;
background-color:white;
-webkit-transition: .4s;
transition: 0.4s;

}

input:checked + .slider {
  background-color: #06a411;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}

.on
{
  display: none;
}

/* Commented For  eO312653*/
.on, .off
{
color:white;
/*position: absolute;
transform: translate(-50%,-50%);*/
top: 50%;
left: 65%;
font-size: 10px !important;
padding-bottom: 2px;
width: 20px;
text-align: center;
margin-left: 4px;
}

input:checked+ .slider .on
{display: block; left:40%;}

input:checked + .slider .off
{display: none;}

.slider .off
{float:right;margin-right: 3px;}

.slider.round {
  width: 100%;
}

.slider.round:before {
  border-radius: 0%;}

.footer_block {
    background: #fff;
    width: 100%;
    float: left;
    display: block
}
ul#nav li i::before {
    padding: 0px 5px;
}

.add_btn_new {
    background: #1c2a41;
    padding: 8px;
    border-radius: 4px;
    color: #fff !important;
    text-decoration: none !important;
}
.grey70{color:#494949}
.box_shadow_new {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.details_heading{width:83%; float:left; display:inline-block}
.details_right {
    width: 15%;
    float: left;
    display: inline-block;
}
.details_desc{width:32%; padding:8px; float:left}
.text_muted {
    color: #9e9e9e;
    font-size:13px;
}
.text_primary {
    color: #212121;
    font-size: 14px;
    margin-bottom: 2px;
}
    .text_primary a {
        color: #212121;
    }

.header_icon {
    float: left;
    margin-right: 5px;
}
.bg_white{background:#fff}
.new_link_icon{color:#696969}
    .new_link_icon:hover {
        color: #212121;
    }
#listContracts li > p > input + i > b img{visibility:hidden}

.block_100{width:100%; float:left; display:block}

.primary-btn {
    padding: 10px 10px;
    color: #44a6d8;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    border: 1px solid #44a6d8;
    background-color: #fff;
    margin-left: 7px;
}

    .primary-btn:hover, .primary-btn:focus, .primary:hover, .primary:focus {
        background-color: #44a6d8;
        color:#fff;
    }
.Link_UserProfile {    
    color: #212121;
}
.Link_UserProfile:hover{text-decoration:underline;}
table.clsMetadata a {
    color: #212121;
}

#listCounterparty li > p > i > b {
    width: 1px;
    border-radius: 50%;
    height: 11px;
}
#listCounterparty li > p > i > b img {
    visibility: hidden
}

/* Approval hgroup CSS End */

/*-------------
SEARCH
-------------*/

/*#searchForm fieldset {
    width:240px;
    position:relative;
    display:block;
}

.input {
    width:120px;
    padding:5px 15px 7px 15px;
    border-radius:20px;
    border:1px solid #4c5f98;
    border-top:1px solid #b4c1cb;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
    float:right;
    background:#e8edf12d3a5c;
	margin: -7px 0;
	background-image:url(../img/search.png);
	background-repeat:no-repeat;
	background-position:right 8px center;
}

.input.focus {
        border:1px solid #9ecbe2;
        box-shadow:0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08);
    }

input#s {
    width:100%;
    border:0;
    border-radius:20px;
    background:transparent;
    height:16px;
    color:#4c5f98;
   text-shadow:0 1px 1px #fff;
}

    input#s:focus {
        outline:none
    }

input#searchSubmit {
    width:19px;
    height:19px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../images/search-icon.png) no-repeat;
    border:0;
    position:absolute;
    top:7px; right:13px;
    z-index:5;
    display:none;
    cursor:pointer;
}*/

/*--------Search-box---start-------------*/
.search{
  position:relative;
  display: inline-block;
}
[class^="icon-"]{
  /*background: #3498db;*/
  color:#fff;
  border-radius:5px;
  display:inline-block;
/*  padding:6px 7px 7px;*/
  font-size:18px;
  text-shadow:1px 1px 2px #21638F;
  box-shadow: inset 0px 0px 0px #21638F;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  cursor: pointer;
  z-index:10;
  position:relative;
  
}
[class^="icon-"]:hover{
  /*background: #5dade2;
  text-shadow:0px 0px 0px #21638F;
  box-shadow: inset 0px 0px 8px #21638F;*/
}
.search_form{
  background: #fff;
  position:absolute;
  z-index:0;
  padding:0px 5px;
  right:0;
  top:15px;
  overflow: hidden;
  border-radius:5px;
  width: 20px;
  height:0px;
 /* transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
  -webkit-transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;*/
  transform: translateY(-100%);
   transition: transform 150ms cubic-bezier(0.2, 0.465, 0.295, 0) 0s, visibility 300ms ease 0ms;
}
.search_form form{
  opacity:0;
   transition:all 0.3s ease-out;
  -webkit-transition:all 0.3s ease-out;
}
.search_form input{
  background:#fff;
  border:none;
  
}
.search_form input[type='text']{
  border-radius:5px 0 0 5px;
  width:150px;
  margin:0px 1px 0px 0;
  padding:0px 5px 1px;
  min-height:30px;
  border: 1px solid #b4b3b3;
/*  background-color: #44a6d8;
*/}
.search_form input[type='submit']{
	background-color: #44a6d8;
  border-radius:0 5px  5px 0;
  text-transform:capitalize;
  font-size:11px;
  padding:0px 5px;
  min-height:33px;
  color:#fff;
  margin:0px 0px 0px 0;
  cursor: pointer;
}
.search_box{
  visibility: hidden;
   float: left;
    margin: 0 -6px;
}
.search_box:checked~.search_form{
  width: 213px;
  height:32px;
  right: 20px;
  padding:5px;
  top:-12px;
 /* transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
  -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;*/
transform: translateY(0); transition: transform 150ms cubic-bezier(0.2, 0.465, 0.295, 0) 0s, visibility 300ms ease 0ms;
}
.search_box:checked~.search_form form{
  opacity:1;
  
 /* transition:0.3s all ease-out 0.5s;
  -webkit-transition:0.3s all ease-out 0.5s;*/
}

/*eO310075 - Anand*/
.form-contro-Date {
    max-width: 215px;
    padding-right: 32px;
    background-image: url('/Content/Images/date.png') !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}
/*--------Search-box---end-------------*/

























@import url(https://fonts.googleapis.com/css?family=Roboto);
* { 
	margin: 0; 
	padding: 0; 
}
body { 
	/*font: 14px/1.4 Georgia, Serif;*/ color:#6a6a6a;  font-size:14px;
}
#page-wrap {
	margin:0; width:100%;
}
#page-wrap p {
	margin: 20px 0; 
}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	#page-wrap table { 
		width: 100%; 
		border-collapse: collapse;
		background-color:#fff; 
	}
	/* Zebra striping */
	#page-wrap tr:nth-of-type(odd) { 
		background: #fafafa; 
	}
	#page-wrap th { 
		background: #29324a; 
		color: white; 
		font-weight: bold; 
	}
	#page-wrap td, th { 
		padding: 10px; 
		/*border: 1px solid #ccc;*/ 
		text-align: left; 
        font-size: 12px;
	}
	
	
/*	---respocive----*/
	
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		/*#page-wrap table,#page-wrap thead,#page-wrap tbody,#page-wrap th,#page-wrap td,#page-wrap tr { 
			display: block; 
		}*/
		
		/* Hide table headers (but not display: none;, for accessibility) */
		/*#page-wrap thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		#page-wrap tr { border: 1px solid #ccc; }*/
		
			/* Behave  like a "row" */
		/*#page-wrap td { 
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}*/
		
			/* Now like a table header */
			/* Top/left values mimic padding */
		/*#page-wrap td:before { 
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}*/
		
		/*
		Label the data
		*/
		/*#page-wrap td:nth-of-type(1):before { content: "Contract Number"; }
		#page-wrap td:nth-of-type(2):before { content: "Contract Type"; }
		#page-wrap td:nth-of-type(3):before { content: "Contract Title"; }
		#page-wrap td:nth-of-type(4):before { content: "Counterparty"; }
		#page-wrap td:nth-of-type(5):before { content: "Contract Value"; }
		#page-wrap td:nth-of-type(6):before { content: "Renewal Date"; }
		#page-wrap td:nth-of-type(7):before { content: "Expiry Date"; }
		#page-wrap td:nth-of-type(8):before { content: "Transaction Type"; }*/
		
	}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		
		}
		
		@media only screen and (min-width: 768px) and (max-width: 1074px)
		{
		

	}
	
	/* iPads (portrait and landscape) ----------- */
	/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body { 
			width: 495px; 
		}
	}*/

    /*----------------------------------------add this is responsive style--------------------------------------------------------*/

@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px){.report_Land td{position: inherit !important;display:inline-table !important; width: 19.7%; 
padding-left: 0 !important;}
.report_title b { margin-top:0;}
	}

#page-wrap table + table {
    display: block;
    width: 100%;
}

tbody#tblVersionHistory {
    overflow: auto;
    max-height: 300px;
    /*display: inline-block;*/
    width: 100%;
}
#tblVersionHistory tr {
    display: table-row !important;
     width: 100%;

}
#tblVersionHistory td {
    width: auto;
    /*display: inline-block;*/
}

.tblcenter_allignment {
    text-align:center !important;
}
/*#tblGeneric tr {
    display: block;
}
#tblGeneric th, td {
    display: inline-block;
    width: 96%;
    padding: 2%!important;
}*/

.tab_style table { 
		width: 100%; 
		border-collapse: collapse;
		background-color:#fff; 
	}
	
	.tab_style th { 
		background: #29324a; 
		color: white; 
		font-weight: bold; 
	}
	.tab_style td { 
		padding: 10px; 
		border-bottom: 1px solid #fff;
		text-align: left; 
        font-size: 12px;
	background: #EFEFEF; 
    color:#545454;

	}
    .notidentical td{
        background:#FCBDBD;
    }

/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
    position: relative;
    display: inline-block;
}

    .intl-tel-input * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .intl-tel-input .hide {
        display: none;
    }

    .intl-tel-input .v-hide {
        visibility: hidden;
    }

    .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0;
    }

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px;
    }

    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        width: 36px;
        height: 100%;
        padding: 0 0 0 8px;
    }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555;
        }

            .intl-tel-input .selected-flag .iti-arrow.up {
                border-top: none;
                border-bottom: 4px solid #555;
            }

    .intl-tel-input .country-list {
        position: absolute;
        z-index: 2;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
        background-color: white;
        border: 1px solid #CCC;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll;
    }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px;
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px;
        }

@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space: normal;
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
    padding: 5px 10px;
    margin: 0px;
}

    .intl-tel-input .country-list .country .dial-code {
        color: #999;
    }

    .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0, 0, 0, 0.05);
    }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
    vertical-align: middle;
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
    margin-right: 6px;
    float: none;
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer;
}

    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
        background-color: rgba(0, 0, 0, 0.05);
    }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default;
}

    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent;
    }

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px;
    float: none;
    width: auto;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px;
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
}

    .intl-tel-input.iti-container:hover {
        cursor: pointer;
    }

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%;
}

    .iti-mobile .intl-tel-input .country-list .country {
        padding: 10px 10px;
        line-height: 1.5em;
    }

.iti-flag {
    width: 20px;
}

    .iti-flag.be {
        width: 18px;
    }

    .iti-flag.ch {
        width: 15px;
    }

    .iti-flag.mc {
        width: 19px;
    }

    .iti-flag.ne {
        width: 18px;
    }

    .iti-flag.np {
        width: 13px;
    }

    .iti-flag.va {
        width: 15px;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-size: 5630px 15px;
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0px 0px;
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0px;
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0px;
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0px;
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0px;
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0px;
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0px;
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0px;
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0px;
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0px;
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0px;
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0px;
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0px;
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0px;
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0px;
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0px;
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0px;
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0px;
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0px;
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0px;
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0px;
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0px;
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0px;
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0px;
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0px;
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0px;
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0px;
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0px;
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0px;
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0px;
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0px;
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0px;
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0px;
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0px;
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0px;
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0px;
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0px;
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0px;
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0px;
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0px;
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0px;
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0px;
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0px;
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0px;
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0px;
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0px;
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px;
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px;
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px;
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0px;
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px;
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px;
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px;
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px;
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px;
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px;
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px;
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px;
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0px;
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px;
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px;
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px;
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px;
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0px;
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px;
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px;
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px;
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px;
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px;
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px;
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0px;
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0px;
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0px;
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px;
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px;
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px;
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px;
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px;
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px;
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px;
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px;
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px;
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px;
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px;
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px;
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px;
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px;
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px;
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px;
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px;
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px;
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px;
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px;
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px;
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px;
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px;
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px;
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px;
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px;
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px;
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px;
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px;
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px;
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px;
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px;
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px;
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0px;
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px;
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0px;
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0px;
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0px;
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0px;
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px;
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px;
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0px;
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0px;
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0px;
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px;
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px;
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px;
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px;
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px;
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px;
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px;
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0px;
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px;
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px;
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px;
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px;
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px;
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px;
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0px;
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px;
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px;
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0px;
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px;
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px;
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px;
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px;
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px;
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px;
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px;
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px;
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px;
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0px;
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0px;
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px;
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px;
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px;
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px;
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px;
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px;
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px;
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px;
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px;
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px;
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px;
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px;
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px;
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px;
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px;
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px;
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px;
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0px;
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px;
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0px;
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px;
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px;
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px;
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px;
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px;
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px;
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0px;
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0px;
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px;
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px;
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px;
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0px;
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px;
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px;
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px;
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px;
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px;
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px;
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px;
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px;
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px;
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px;
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px;
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px;
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px;
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0px;
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px;
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0px;
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px;
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px;
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px;
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px;
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px;
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px;
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px;
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px;
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0px;
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px;
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px;
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0px;
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px;
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px;
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px;
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px;
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px;
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0px;
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px;
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px;
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0px;
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px;
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px;
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px;
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px;
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px;
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px;
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0px;
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px;
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px;
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0px;
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px;
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px;
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px;
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px;
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px;
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0px;
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px;
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px;
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px;
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px;
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px;
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px;
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px;
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0px;
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0px;
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px;
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px;
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0px;
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px;
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px;
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px;
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px;
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px;
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px;
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px;
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px;
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px;
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px;
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px;
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0px;
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px;
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px;
}

.iti-flag {
    width: 20px !important;
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("/Content/Images/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("/Content/Images/flags@2x.png");
    }
}

.iti-flag.np {
    background-color: transparent;
}


.wid > .intl-tel-input {
    width: auto !important;
}

.intl-tel-input {
    width: 100% !important;
}

li.country.preferred.active {
    background: #ccc;
}

/*@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/*@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('.../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
/* Common styles of menus */

.dl-menuwrapper {
	width: 90%;
	 padding: 0 5% 5px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	background-color: #fff;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #ccc;
	border: none;
	width: 48px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	float:right;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #aaa;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 18px;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: url(/Content/Images/right-arrow.png);
    margin: -16px 0 0; 
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	visibility:hidden;
	
	
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	right: 5%;
    width: 90%;
	overflow: hidden;
	visibility:visible;

	
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
	
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #29324a;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #44a6d8;
	clear:both;
	
}
.dl-trigger{height:34px; width:30px; display:block; clear:both}
.dl-trigger img{float:left; margin:4px 0 0 0;}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}


/*
popModal - 1.07 [10.09.14]
Author: vadimsva
Github: https://github.com/vadimsva/popModal
*/
/* popModal */
.popModal {position:absolute;background:#fff;padding:15px;border:1px solid #aaa;box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);text-align:left;width:302px;z-index:9997;box-sizing:border-box; padding:0;  border-radius:5px;}
.popModal .close {line-height: 12px;font-size: 25px;font-weight: bold;font-family: serif;
position: absolute;right: 3px;top: 3px;color: #000;opacity: 0.3;padding: 0 12px;cursor: pointer;
background: transparent;border: 0;outline: 0;
right: 5px;
top: 10px;
font-family: arial !important;
font-weight: normal !important;
}
.popModal .close:hover {opacity:1}
.popModal .popModal_content {/*margin:15px auto;*/word-wrap:break-word;font-family:sans-serif;font-size:14px;font-weight:initial;font-style:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:0 0 0 0;}
.popModal .popModal_content.popModal_contentOverflow {max-height:200px;overflow-y:auto;overflow-x:hidden;margin:15px -8px;padding:0 7px}
.popModal .popModal_content:before {content:'';position:absolute;left:0;right:0;height:20px;bottom:-20px}
.popModal .popModal_footer {background:#fafafa;padding:15px;border-top:1px solid #ddd;text-align:right;position:absolute;bottom:0;left:0;right:0}
.popModal .popModal_footer button {margin:0 0 0 5px}
.popModal:before,
.popModal:after {content:'';position:absolute;border:10px solid transparent}
.popModal:after {z-index:1}
.popModal.bottomRight {right:0}
.popModal.bottomLeft:before,
.popModal.bottomRight:before,
.popModal.bottomCenter:before {border-top-width:0;border-bottom-color:#aaa;top:-10px;left:6px}
.popModal.bottomLeft:after,
.popModal.bottomRight:after,
.popModal.bottomCenter:after {border-top-width:0;border-bottom-color:#fff;top:-9px;left:6px}
.popModal.bottomRight:before,
.popModal.bottomRight:after {left:auto;right:6px}
.popModal.bottomCenter:before,
.popModal.bottomCenter:after {left:50%;margin-left:-10px}
.popModal.leftTop:before,
.popModal.leftCenter:before {border-right-width:0;border-left-color:#aaa;top:6px;right:-10px}
.popModal.leftTop:after,
.popModal.leftCenter:after {border-right-width:0;border-left-color:#fff;top:6px;right:-9px}
.popModal.rightTop:before,
.popModal.rightCenter:before {border-left-width:0;border-right-color:#aaa;top:6px;left:-10px}
.popModal.rightTop:after,
.popModal.rightCenter:after {border-left-width:0;border-right-color:#fff;top:6px;left:-9px}
.popModal.leftCenter:before,
.popModal.rightCenter:before {top:50%;margin-top:-10px}
.popModal.leftCenter:after, 
.popModal.rightCenter:after {top:50%;margin-top:-10px}


/* notifyModal */
/*.notifyModal {position:fixed;z-index:999999;background:rgba(255,255,255,0.5);opacity:0;cursor:pointer;transition:all 200ms ease}
.notifyModal.overlay {top:0;bottom:0;left:0;right:0}
.notifyModal.overlay.center {top:0;bottom:0}
.notifyModal.open {opacity:1}
.notifyModal.open .notifyModal_content {-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.notifyModal .notifyModal_content {position:absolute;background:#F9EDBE;width:380px;padding:25px;margin:auto;border:1px solid #CAB388;text-align:center;box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);transition:all 200ms ease;-webkit-transform:scale(0.95,0.95);-ms-transform:scale(0.95,0.95);transform:scale(0.95,0.95);font-family:sans-serif;font-size:14px;font-weight:initial;font-style:initial;color:initial;text-decoration:initial;text-transform:initial;line-height:18px;box-sizing:border-box}
.notifyModal.alert .notifyModal_content {background:#A24343;border-color:#8A2525;color:#fff}
.notifyModal.simple .notifyModal_content {background:#fff;border-color:#aaa}
.notifyModal.dark .notifyModal_content {background:#333;border-color:#000;color:#ccc}
.notifyModal.dark .notifyModal_content .close {color:#ccc}
.notifyModal.leftTop {top:0;left:0}
.notifyModal.centerTop {top:0;left:0;right:0}
.notifyModal.rightTop {top:0;right:0}
.notifyModal.center {top:35%;bottom:auto;left:0;right:0}
.notifyModal.leftBottom {bottom:0;left:0}
.notifyModal.centerBottom {bottom:0;left:0;right:0}
.notifyModal.rightBottom {bottom:0;right:0}
.notifyModal.center .notifyModal_content {left:0;right:0;top:35%}
.notifyModal.leftTop .notifyModal_content {left:20px;top:20px}
.notifyModal.centerTop .notifyModal_content {left:0;right:0;top:20px}
.notifyModal.rightTop .notifyModal_content {right:20px;top:20px}
.notifyModal.leftBottom .notifyModal_content {left:20px;bottom:20px}
.notifyModal.centerBottom .notifyModal_content {left:0;right:0;bottom:20px}
.notifyModal.rightBottom .notifyModal_content {right:20px;bottom:20px}
.notifyModal .notifyModal_content .close {line-height:12px;font-size:25px;font-weight:bold;font-family:serif;position:absolute;right:8px;top:8px;color:#000;opacity:0.2;padding:0;cursor:pointer;background:transparent;border:0;outline:0}
.notifyModal .notifyModal_content .close:hover {opacity:1}*/


/* hintModal */
/*.hintModal {position:relative;overflow:visible}
.hintModal .hintModal_container {display:none;left:0;margin:0;font:initial;text-transform:none;position:absolute;background:#F8F4E1;padding:10px;border:1px solid #B4A984;box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);display:none;opacity:0;text-align:left;max-width:260px;min-width:260px;z-index:1;font-size:12px;font-weight:normal;font-family:sans-serif;font-style:initial;margin-top:6px;color:#555;top:100%;box-sizing:border-box;color:initial;text-decoration:initial;text-transform:initial}
.hintModal .hintModal_container:before,
.hintModal .hintModal_container:after {content:'';position:absolute;border:6px solid transparent;border-top-width:0;border-bottom-color:#B4A984;top:-6px;left:6px}
.hintModal .hintModal_container:before {border-bottom-color:#B4A984;top:-6px}
.hintModal .hintModal_container:after {border-bottom-color:#F8F4E1;top:-5px;z-index:1}
.hintModal.bottomRight .hintModal_container {left:auto;right:0}
.hintModal.bottomRight .hintModal_container:before,
.hintModal.bottomRight .hintModal_container:after {left:auto;right:6px}
.hintModal.bottomCenter .hintModal_container {left:-120px;right:-120px;margin-left:auto;margin-right:auto}
.hintModal.bottomCenter .hintModal_container:before,
.hintModal.bottomCenter .hintModal_container:after {left:50%;margin-left:-6px}
.hintModal:hover .hintModal_container {display:block}*/



/* dialogModal */
/*.dialogModal {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:888888;overflow:auto;opacity:0;transition:all 200ms ease}
.dialogModal .dialogModal_container {position:relative;width:50%;max-width:650px;left:0;right:0;margin:auto auto 40px;opacity:0;box-shadow:0 2px 6px rgba(0, 0, 0, 0.6);background:#fff;transition:all 300ms ease;font-family:sans-serif;font-size:14px;font-weight:initial;font-style:initial;color:initial;text-decoration:initial;text-transform:initial;-webkit-transform:scale(0.9,0.9);-ms-transform:scale(0.9,0.9);transform:scale(0.9,0.9)}
.dialogModal.open {opacity:1}
.dialogModal.open .dialogModal_container {opacity:1;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.dialogModal .dialogModal_container .dialogPrev.notactive,
.dialogModal .dialogModal_container .dialogNext.notactive {display:none}
.dialogModal .dialogModal_container .dialogPrev,
.dialogModal .dialogModal_container .dialogNext {position:absolute;width:10%;top:0;bottom:0;left:-10%;cursor:pointer}
.dialogModal .dialogModal_container .dialogNext {left:auto;right:-10%}
.dialogModal .dialogModal_container .dialogPrev:after,
.dialogModal .dialogModal_container .dialogNext:after {content:'';position:absolute;border:10px solid transparent;top:50%;margin-top:-10px;margin-left:-5px;left:50%}
.dialogModal .dialogModal_container .dialogPrev:after {border-left:0;border-right-color:#aaa}
.dialogModal .dialogModal_container .dialogNext:after {border-right:0;border-left-color:#aaa}
.dialogModal .dialogModal_container .dialogPrev:hover,
.dialogModal .dialogModal_container .dialogNext:hover {background:rgba(0,0,0,0.2)}
.dialogModal .dialogModal_container .close {line-height:12px;font-size:25px;font-weight:bold;font-family:serif;position:absolute;right:12px;top:12px;color:#000;opacity:0.2;padding:0;cursor:pointer;background:transparent;border:0;outline:0}
.dialogModal .dialogModal_container .close:hover {opacity:1}
.dialogModal .dialogModal_body {}
.dialogModal .dialogModal_header {padding:10px 20px;background:#eaeaea;line-height:20px}
.dialogModal .dialogModal_content {padding:25px 20px}
.dialogModal .dialogModal_footer {background:#fafafa;padding:15px 20px;border-top:1px solid #ddd;text-align:right}
.dialogModal .dialogModal_footer button {margin:0 0 0 5px}
body.dialogModalOpen {overflow:hidden;padding-right:16px}

@media (max-width: 1000px){
.dialogModal .dialogModal_container {width:78%}
}*/

/* titleModal */
/*.titleModal {position:absolute;z-index:99999;background:rgba(0,0,0,0.7);color:#fff;padding:4px 10px;margin-top:6px;border-radius:4px;font-size:12px;text-align:center;max-width:120px;opacity:0;font-family:sans-serif;font-weight:initial;font-style:initial;text-decoration:initial;text-transform:initia}
.titleModal:after {content:'';position:absolute;border:6px solid transparent;border-top-width:0;border-bottom-color:rgba(0,0,0,0.7);top:-6px;left:50%;margin-left:-6px}
.titleModal.top {margin-top:-6px}
.titleModal.top:after {border:6px solid transparent;border-bottom-width:0;border-top-color:rgba(0,0,0,0.7);top:auto;bottom:-6px;left:50%;margin-left:-6px}
.titleModal.left {margin-top:auto;margin-left:3px}
.titleModal.left:after {border:6px solid transparent;border-right-width:0;border-left-color:rgba(0,0,0,0.7);top:50%;left:auto;right:-6px;margin-left:0;margin-top:-6px}
.titleModal.right {margin-top:auto;margin-left:-3px}
.titleModal.right:after {border:6px solid transparent;border-left-width:0;border-right-color:rgba(0,0,0,0.7);top:50%;left:0;margin-top:-6px}
*/

/* animation */
/*.animated {-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInLeft {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.fadeOutLeft {-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
.fadeInRight {-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.fadeOutRight {-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.fadeInTop {-webkit-animation-name:fadeInTop;animation-name:fadeInTop}
.fadeInTopBig {-webkit-animation-name:fadeInTopBig;animation-name:fadeInTopBig}
.fadeOutTop {-webkit-animation-name:fadeOutTop;animation-name:fadeOutTop}
.fadeInBottom {-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom}
.fadeOutBottom {-webkit-animation-name:fadeOutBottom;animation-name:fadeOutBottom}*/

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeOutLeft {
  100% {
    opacity: 0;
    -webkit-transform: translateX(-10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeOutLeft {
  100% {
    opacity: 0;
    transform: translateX(-10px);
  }
  0% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeOutRight {
  100% {
    opacity: 0;
    -webkit-transform: translateX(10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeOutRight {
  100% {
    opacity: 0;
    transform: translateX(10px);
  }
  0% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInTopBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInTopBig {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeOutTop {
  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeOutTop {
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
  0% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeOutBottom {
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeOutBottom {
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
  0% {
    opacity: 1;
    transform: translateY(0);
  }
}

ul#menu li, ul#menu ul.sub-menu li {
    display: inline-block;
    list-style-type: none;
    padding: 2px 10px 0px !important;
}

#treeviewFolderMove .modalbody {
    position: relative;
    overflow-x: hidden;
    height: 375px;
}
@import url(https://fonts.googleapis.com/css?family=Roboto);

* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #838282;
}

img {
    border: none;
}

/*body{background-color:#fff; font-family: 'Roboto', sans-serif;}*/

.poPup_Deatil {
    width: 50%;
    margin: 20px auto;
    border: 1px solid #CCC;
    padding: 20px;
    overflow: hidden;
}

.poPup_Deatil_Head {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px 0;
}

    .poPup_Deatil_Head b {
        float: left;
        width: 48%;
        overflow: hidden;
        font-size: 19px;
        font-weight: normal;
        color: #29324a;
    }

    .poPup_Deatil_Head span {
        float: right;
        overflow: hidden;
        width: 48%;
    }

        .poPup_Deatil_Head span img {
            float: right;
        }

.pOp_Cont {
    width: 100%;
    overflow: hidden;
    background-color: #fdfdfd;
    margin: 0 -20px;
    padding: 20px 10px;
    border: solid 1px #3099e4;
}

    .pOp_Cont li {
        width: 100%;
        overflow: hidden;
        margin: 0 0 8px 0;
    }

    .pOp_Cont p {
        float: left;
        width: 48%;
        overflow: hidden;
        color: #838282;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
    }

    .pOp_Cont span {
        float: right;
        width: 48%;
        overflow: hidden;
        color: #b4b3b3;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
    }

.pOp_Cont_Close a {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    color: #878787 !important;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-size: 14px;
    margin: 15px 15px 2px 0;
    padding: 5px 10px;
}

    .pOp_Cont_Close a:hover {
        background-color: #44a6d8;
        border-radius: 5px;
        color: #ffffff !important;
        float: left;
        font-size: 14px;
    }


.poPup_Form {
    width: 50%;
    margin: 20px auto;
    border: 1px solid #CCC;
    padding: 20px;
    overflow: hidden;
    background-color: #fff;
}

.poPup_Form_Head {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px 0;
}

.poPup_Form_Head1 {
    width: 100%;
    overflow: hidden;
}

.poPup_Form_Head b {
    float: left;
    width: 48%;
    overflow: hidden;
    font-size: 19px;
    font-weight: normal;
    color: #29324a;
}

.poPup_Form_Head span {
    float: right;
    overflow: hidden;
    width: 48%;
}

    .poPup_Form_Head span img {
        float: right;
    }

.poPup_Form_Head p {
    font-size: 13px;
    line-height: 18px;
    color: #838282;
    margin: 10px 0;
}

.poPup_Form_Title1 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

    .poPup_Form_Title1 b {
        color: #29324a;
        font-size: 16px;
        font-weight: normal;
        width: 100%;
        border-bottom: 1px solid #999;
        padding: 0 0 10px 0;
        display: block;
    }

.poPup_Form_Field {
    /*clear: both;*/
    float: left;
    width: 100%;
}
    .poPup_Form_Field div {
        height: 100%;
    }

    .poPup_Form_Field input {
        background: none repeat scroll 0 0 #fff;
        border-radius: 0;
        width: 42%;
    }

    .poPup_Form_Field select {
        border: 1px solid #cdcdcd;
        height: 30px;
        width: 46.7%;
        color: #999;
        font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    }

    .poPup_Form_Field li { /*clear: both;*/
        /*height: 100%;*/
        margin: 0 0 10px;
    }

    .poPup_Form_Field p {
        width: 48%;
        overflow: hidden;
        float: left;
        margin: 5px 0 0 0;
        line-height: 20px;
    }

        .poPup_Form_Field p small {
            color: red;
            padding: 0 5px;
            float: left;
        }

        .poPup_Form_Field p b {
            float: left;
            font-weight: normal;
            color: #939393;
            font-size: 15px;
            margin: -1px 0 0 0;
            padding: 0 0 2px 0;
            line-height: 18px;
        }

        .poPup_Form_Field p img {
            padding: 0 0 0 5px;
            float: left;
        }

    .poPup_Form_Field div select {
        height: 30px;
        width: 99%;
        border: 1px solid #cdcdcd;
    }

    .poPup_Form_Field div input {
        background-color: #fff;
        border: 1px solid #cdcdcd;
        border-radius: 0;
        height: 30px;
        padding: 0 0 0 .5%;
        width: 98%;
        color: #191919;
        font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    }

.poPup_Browse {
    width: 83%;
}

.poP-up-SelecT {
    width: 98% !important;
}

.poPup_Form_Field div {
    width: 48%;
    float: left;
    /*margin: 2px 0 0 0;*/
}

/*.poPup_Form_Field div div {
     width: 100%!important; 
}*/
.poPup_Form_Upload input {
    border: none !important;
}

.poPup_Form_Browse {
    float: left;
}

.poPup_Form_Field div textarea {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 0;
    height: 70px;
    width: 96.8%;
    padding: 5px;
    font-size: 13px;
    color: #999;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
}

.multiselect {
    border: 1px solid #cdcdcd;
    float: left;
    height: 30px;
    width: 47.4%;
}

.poPup_Form_radio {
    width: 48%;
    overflow: hidden;
    float: left;
}

    .poPup_Form_radio input {
        float: left;
        width: auto !important;
    }

    .poPup_Form_radio small {
        float: left;
        color: #777;
        font-size: 14px;
        line-height: 20px;
        margin: 3px 0px;
        padding: 0 5px;
    }

.check {
    width: 10px !important;
}

.textBox_1 {
    width: 98%;
}

.poPup_Form_Field_RadioBorder {
    border: medium none !important;
}

.poPup_Browse_1 {
    background-color: #fff;
    border-radius: 0;
    width: 82% !important;
}


.summary_Check {
    float: left;
    width: 16px !important;
    border: none !important;
}

.summary_Check_Right {
    float: left;
    margin: -6px 0 0 10px;
}

.workflow_Check_Right {
    float: left;
    margin: 7px 0 0 10px;
}

.summary_Save_cancel {
    margin: -20px 0;
}

@media screen and (max-width: 36em) {
    .pOp_Cont p {
        color: #838282;
        float: left;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        width: 100%;
    }

    .pOp_Cont span {
        color: #b4b3b3;
        float: right;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        width: 100%;
        margin-top: 5px;
        line-height: 18px;
    }
}


.a-Workflow-height + div > ul > li > input {
    height: 28px !important;
}

.height32 {
    height: 32px !important;
}

.margin-top-min10 {
    margin-top: -10px !important;
}

/*Override the popup width and margin Post notes in contract->approve*/
.NotesNicedit {
}

.nicEdit-panelContain > div {
    margin: 0 !important;
}

.nicEdit-button-undefined nicEdit-button-hover {
    width: auto;
}

.nicEdit-panelContain > div > div {
    margin-bottom: 0;
    margin: 0 !important;
}

.nicEdit-panelContain > .nicEdit-panel > div > .nicEdit-selectContain > div {
    width: auto;
    margin: 0 !important;
}

.nicEdit-panel {
    width: 100% !important;
    margin: 0 !important;
}

.nicEdit-panelContain > .nicEdit-panel > div {
    width: auto;
    margin: 0 !important;
}

.nicEdit-main div {
    width: 100% !important;
}

.nicEdit-main p {
    width: auto !important;
    display: block;
    clear: both;
    float: none !important;
    line-height: 18px;
    overflow: visible !important;
}

.nicEdit-main b {
    font-weight: bold !important;
    float:none !important;
}

.nicEdit-main strong {
    font-weight: 600 !important;
}

.nicEdit-main em {
    font-style: italic;
}

.nicEdit-main i {
    font-style: italic;
}

.nicEdit-main h1 {
    font-weight: bold !important;
    font-size: 24px !important;
}

.nicEdit-main h2 {
    font-weight: bold !important;
    font-size: 18px !important;
}

.nicEdit-main h3 {
    font-weight: bold !important;
    font-size: 14px !important;
}

.nicEdit-main h4 {
    font-weight: bold !important;
    font-size: 12px !important;
}

.nicEdit-main h5 {
    font-weight: bold !important;
    font-size: 10px !important;
}

.nicEdit-main h6 {
    font-weight: bold !important;
    font-size: 8px !important;
}

.nicEdit-main ol {
    /*display: inline-block !important;*/
    /* prevents the bullets being forced off the left-hand side, but still allows padding to be applied */
    list-style-type: decimal !important;
    list-style-position: inside !important;
    margin:15px !important;
}

    .nicEdit-main ol li {
        list-style: decimal !important;
        margin:15px !important;
    }

.nicEdit-main ul {
    /*display: inline-block !important;*/ /* prevents the bullets being forced off the left-hand side, but still allows padding to be applied */
    list-style-type: circle !important;
    list-style-position: inside !important;
    margin:15px !important;
}

    .nicEdit-main ul li {
        list-style: circle !important;
        margin:15px !important;
    }

.nicEdit-buttonContain div {
    width: inherit !important;
}



.taskcomment b {
    font-weight: bold !important;
    float:inherit;
}

.taskcomment strong {
    font-weight: 600 !important;
}

.taskcomment em {
    font-style: italic;
}

.taskcomment i {
    font-style: italic;
}

.documents-1 {
   overflow: initial;
}
.taskcomment ul li {
   list-style: outside none circle;
   margin-left: 14px;
   overflow: initial;
   /*text-align: left;*/
   border:none;
}
.taskcomment ol li {
   list-style: outside none decimal;
   margin-left: 14px;
   overflow: initial;
   /*text-align: left !important;*/
   border:none;
}






/*-------permission-new-popup-----------*/


.share-pop-up-1 {
    width: 97%; /*overflow:hidden;*/
    background-color: #fff;
    padding: 20px 0;
    height: auto;
}

    .share-pop-up-1 > h4 {
        margin-bottom: 15px;
        font-size: 16px;
        color: #555;
        font-weight: 500;
    }

.share-pop-up-left {
    width: 12%;
    float: left;
}

.share-pop-up-1 > ul > li > .share-pop-up-Middle {
    width: 65%;
    float: left;
}

    /*.share-pop-up-Middle > div{ width:100%;    float: left;}
 .share-pop-up-Middle > div > p{margin-right:5px;   float: left;}
 .share-pop-up-Middle > div >span{ float: left;}*/

    .share-pop-up-1 > ul > li > .share-pop-up-Middle > div {
        width: 100%;
        float: left;
    }

        .share-pop-up-1 > ul > li > .share-pop-up-Middle > div > p {
            margin-right: 5px;
            float: left;
        }

        .share-pop-up-1 > ul > li > .share-pop-up-Middle > div > span {
            float: left;
            color: #b1b1b1;
            font-size: 14px;
            margin-top: 2px;
        }

    .share-pop-up-1 > ul > li > .share-pop-up-Middle > p {
        font-size: 15px;
        color: #888;
    }

    .share-pop-up-1 > ul > li > .share-pop-up-Middle > span {
        color: #b1b1b1;
        font-size: 13px;
    }

.share-pop-up-Right {
    float: right;
    color: #999;
    font-size: 15px;
}

    .share-pop-up-Right > a {
        color: #44a6d8;
    }

        .share-pop-up-Right > a:hover {
            color: #44a6d8;
            opacity: .7;
        }

    .share-pop-up-Right > span > select {
        float: left;
        margin-right: 5px;
        border: 1px solid #C3C3C3;
    }

    .share-pop-up-Right > span > img {
    }

.share-pop-up-1 > ul {
    border-top: 1px solid #f1f1f1;
    overflow: hidden;
    margin-top: 20px;
}

    .share-pop-up-1 > ul > li {
        border-bottom: 1px solid #f1f1f1;
        overflow: hidden;
        padding: 10px;
    }


.pop-Bottom {
    background-color: #f1f1f1; /*padding:10px; overflow:hidden;*/
    float: left;
    width: 97.4%;
    padding: 10px;
    overflow: visible !important;
}

    .pop-Bottom > span {
        font-size: 14px;
        color: #888;
        display: block;
    }

    .pop-Bottom > div {
        margin-top: 10px;
    }

        .pop-Bottom > div > input {
            height: 28px;
            border: 1px solid #c3c3c3;
            width: 70%;
        }

        .pop-Bottom > div > span > a {
            border: 1px solid #c3c3c3;
            padding: 3px 8px;
        }

            .pop-Bottom > div > span > a:hover {
                border: 1px solid #C3C3C3;
                background-color: #fff;
                padding: 3px 8px;
            }

            .pop-Bottom > div > span > a > small {
                margin: 0px 5px;
                color: #888;
            }

        .pop-Bottom > div > span {
            margin-top: 5px;
            float: right;
        }

    .pop-Bottom > .bot-Button {
        float: left;
        padding-bottom: 10px;
    }

        .pop-Bottom > .bot-Button > span {
            margin-right: 10px;
            float: left;
        }

            .pop-Bottom > .bot-Button > span:first-child a {
                background-color: #44a6d8;
                color: #fff;
                border: none;
            }

            .pop-Bottom > .bot-Button > span:nth-child(2) a {
                background-color: #fff;
                color: #888;
                border: none;
            }

            .pop-Bottom > .bot-Button > span > a {
                padding: 0px 8px 3px;
                border-radius: 5px;
            }

                .pop-Bottom > .bot-Button > span > a:hover {
                    padding: 0px 8px 3px;
                    border-radius: 5px;
                }

    .pop-Bottom > div > span > select {
        border: 1px solid #C3C3C3;
    }

.invite-Peop-mul-sel > .chosen-container {
    width: 100% !important;
}

.invite-Peop-Span > select {
    height: 30px;
    width: 100%;
}

.cp-check {
    border: none;
    float: left;
    width: 14px !important;
    height: 14px !important;
    margin-right: 5px;
}

.divBottom-div {
    float: left;
    width: 100%;
}

.div-float-left {
    float: left;
    width: 50%;
}

.div-float-right {
    float: right;
    width: 33%;
    margin: 4px 7% 0 0;
}

.span-permission {
    display: block;
    margin-bottom: 5px;
}

.contrct-Permission-scroll {
    height: 295px !important;
    overflow-y: auto !important;
    overflow-x: hidden;
    border: 1px solid #ddd !important;
}

.contrct-People-Permission-scroll {
    height: 190px !important;
    overflow-y: auto !important;
    overflow-x: hidden;
    border: 1px solid #ddd !important;
}

.permission-option > li > .share-pop-up-Right {
    width: 18.5%;
}

.share-Add-Butt {
    float: right;
    margin-top: 28px;
}

    .share-Add-Butt > a {
        color: rgb(68, 166, 216);
        border: medium none;
        padding: 3px 8px;
        border-radius: 5px;
        margin-left: 10px;
    }


.hideUserlocal {
    display: none !important;
}


/*New css for share document for negosiation popup*/

#trAutoUpdateStatusShareDoc td.f_head::after {
    clear: both;
    content: "";
    display: block;
    height: 1px;
}

#trAutoUpdateStatusShareDoc td.f_head {
    display: table-cell;
    line-height: normal;
}

    #trAutoUpdateStatusShareDoc td.f_head input[type="checkbox"] {
        margin-top: 4px;
    }

#trAutoUpdateStatusShareDoc td label.margin-top-min5.summary_Check_Right {
    margin: 0 0 0 10px !important;
    text-align: left;
}


.nicEdit-main .TableContainer {margin-left:3px;}
.nicEdit-main .Table {
    width: auto !important;
}


#listDocuments.border-left i a {
    margin: 0 5px;
}
#listDocuments.border-left i img {
    vertical-align: bottom;
}

#listDocuments.border-left i img.doc_type {
    margin-right: 5px;
}

#trDisclose td.f_head::after,
#trDiscloseCon td.f_head::after {
    clear: both;
    content: "";
    display: block;
    height: 1px;
}

#trDisclose td.f_head,
#trDiscloseCon td.f_head {
    display: table-cell;
    line-height: normal;
}

#trDisclose td.f_head input[type="checkbox"],
#trDiscloseCon td.f_head input[type="checkbox"] {
    margin-top: 4px;
}

#trDisclose td label.margin-top-min5.summary_Check_Right,
#trDiscloseCon td label.margin-top-min5.summary_Check_Right {
    margin: 0 0 0 10px !important;
    text-align: left;
}