@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
.moduleTabs.page2 .nav-tabs>li.active>a,
.moduleTabs.page2 .nav-tabs>li.active>a:focus,
.moduleTabs.page2 .nav-tabs>li.active>a:hover {
    color: #4F5050;
    /* cursor: pointer; */
    background: #E4E4E4;
    border: 0;
}

.modulewrapper {
    padding: 9px 0px 7px;
    /* background: #fff; */
    border-radius: 4px;
    margin-top: 50px;
}

.modulewrapper.page2 {
    background: #fff;
    min-height: 600px;
    padding: 20px 30px;
    margin-top: 35px;
    display: table;
    width: 100%;
}

.modulewrapper.page2 .Contents {
    border-top: 3px solid #ddd;
    padding-top: 15px;
}

.footess {
    margin-top: 50px;
    display: table;
    width: 100%;
}

.footess span {
    color: gray;
    font-family: helvetica;
}

.footess span a {
    color: gray;
    text-decoration: none;
}

.modulewrapper.page2 .bootsbutton {
    margin-top: 50px;
    margin-bottom: 30px;
}

.modulewrapper.page2 .bootsbutton a {
    color: #37393A;
    border: 1px solid #9D9E9E;
    font-family: helvetica;
    font-size: 17px;
    padding: 6px 10px;
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: none;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    border-radius: 2px;
    background: #eee;
}

.modulewrapper.page2 .bootsbutton a:hover,
.modulewrapper.page2 .bootsbutton a:focus {
    background: #24C9F5;
    color: #fff;
}

.modulewrapper.page2 .Contents p {
    font-family: helvetica;
    font-weight: 300;
    font-size: 17px;
    text-align: left;
    color: #777676;
}

.modulewrapper.page2 ul {
    padding-left: 0;
    list-style: none;
}

.modulewrapper.page2 ul li {
    position: relative;
    margin-bottom: 20px;
}

.modulewrapper.page2 ul li a {
    line-height: 1.5em;
    color: #2d95ec;
    text-decoration: none;
    font-size: 17px;
    font-weight: 300;
    padding-left: 29px;
    font-family: Helvetica;
}

.modulewrapper.page2 ul li:before {
    content: "\f0f6";
    position: absolute;
    font-family: fontawesome;
    left: 8px;
    margin-top: 2px;
    color: #AFACAC;
}

.modulewrapper .panel-default {
    border-color: rgba(221, 221, 221, 0);
    background: transparent;
    box-shadow: none;
    margin-bottom: 0px;
}

.modulewrapper .panel-group .panel+.panel {
    margin-top: 0;
}

.modulewrapper .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: inherit;
    color: inherit;
}

.modulewrapper .panel-default>.panel-heading {
    background-color: #03A9F4;
    font-size: 21px;
    text-transform: capitalize;
    padding: 8px 15px;
    margin: 0px 0 5px;
    font-weight: 400;
    color: #333;
    text-align: left;
    background: #E4E4E4;
    border-radius: 3px;
    /*    border: 1px solid #CCC;*/
}

.modulewrapper .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0;
    padding: 0 0 15px;
}

.modulewrapper .panel-group {
    margin-bottom: 0;
}

.modulewrapper .panel-title>.small,
.modulewrapper .panel-title>.small>a,
.modulewrapper .panel-title>a,
.modulewrapper .panel-title>small,
.modulewrapper .panel-title>small>a {
    color: inherit;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 19px;
}

.modulewrapper .panel-title>a span {
    font-size: 16px;
    color: #eee;
    padding-left: 40px
}

.modulewrapper .panel-title a:after {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    font-size: 32px;
    top: -7px;
}

.modulewrapper .panel-title a.collapsed:after {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    font-size: 32px;
    top: -8px;
}

.modulewrapper .btnmodule {
    width: 100%;
    margin-top: 17px;
    position: relative;
    border-radius: 0;
    text-align: center;
    padding: 20px 0 15px;
    border: 1px solid #e4e4e4;
    display: block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.modulewrapper .btnmodule {
    width: 100%;
    margin-top: 25px;
    position: relative;
    border-radius: 4px;
    text-align: center;
    padding: 20px 0 15px;
    /*    border: 1px solid #D4D4D4;*/
    display: block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.modulewrapper .btnmodule:hover,
.modulewrapper .btnmodule:focus {
    text-decoration: none;
    outline: none;
}

.modulewrapper .btnmodule i {
    font-size: 3em;
    color: #03A9F4;
}

.modulewrapper .btnmodule span {
    font-weight: 400;
    margin-top: 10px;
    display: block;
    font-size: 20px;
    color: #222;
    font-family: Opensans !important;
}

.modulewrapper .btnmodule:hover i,
.modulewrapper .btnmodule:focus i {
    color: #fff;
}

.modulewrapper .btnmodule:hover span,
.modulewrapper .btnmodule:focus span {
    color: #fff;
}

.modulewrapper .btnmodule:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    background: #03A9F4;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    z-index: -1;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    border-radius: 2px;
}

.modulewrapper .btnmodule:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 2px;
    z-index: -1;
}

.modulewrapper .btnmodule:hover {
    color: #fff;
    border-color: #03A9F4;
}

.modulewrapper .btnmodule:hover:after,
.modulewrapper .btnmodule:focus:after {
    width: 100%;
    height: 100%;
    background: #03A9F4;
}


/*second pannel*/

.modulewrapper .panel-group .panel-default:nth-child(1) .panel-heading {
    background: #03A9F4;
}

.modulewrapper .panel-group .panel-default:nth-child(1) .panel-heading .panel-title {
    color: #fff;
}

.modulewrapper .panel-group .panel-default:nth-child(2) .panel-heading {
    background: #44a946;
}

.modulewrapper .panel-group .panel-default:nth-child(2) .panel-heading .panel-title {
    color: #fff;
}

.modulewrapper .panel-group .panel-default:nth-child(3) .panel-heading {
    background: orange;
}

.modulewrapper .panel-group .panel-default:nth-child(3) .panel-heading .panel-title {
    color: #fff;
}

.modulewrapper .panel-group .panel-default:nth-child(4) .panel-heading {
    background: #e84845;
}

.modulewrapper .panel-group .panel-default:nth-child(4) .panel-heading .panel-title {
    color: #fff;
}


/*second pannel*/

.modulewrapper .panel-group .panel-default:nth-child(1) .panel-heading {
    background: #e5e5e5;
}

.modulewrapper .panel-group .panel-default:nth-child(1) .panel-heading .panel-title {
    color: #4f4c4c;
}

.modulewrapper .panel-group .panel-default:nth-child(2) .panel-heading {
    background: #03A9F4;
}

.modulewrapper .panel-group .panel-default:nth-child(2) .panel-heading .panel-title {
    color: #fff;
}

.modulewrapper .panel-group .panel-default:nth-child(3) .panel-heading {
    background: #44a946;
}

.modulewrapper .panel-group .panel-default:nth-child(3) .panel-heading .panel-title {
    color: #fff;
}

.modulewrapper .panel-group .panel-default:nth-child(4) .panel-heading {
    background: orange;
}

.modulewrapper .panel-group .panel-default:nth-child(4) .panel-heading .panel-title {
    color: #fff;
}

.modulewrapper .panel-group .panel-default:nth-child(5) .panel-heading {
    background: #e84845;
}

.modulewrapper .panel-group .panel-default:nth-child(5) .panel-heading .panel-title {
    color: #fff;
}


/*pannel colors*/

.modulewrapper .panel-group .panel-default:nth-child(1) .panel-heading+.panel-collapse {
    /*    background: #03A9F4;*/
}


/*second*/

.modulewrapper .panel-group .panel-default:nth-child(1) .btnmodule i {
    color: #333;
}

.modulewrapper .panel-group .panel-default:nth-child(1) .btnmodule:hover i,
.modulewrapper .panel-group .panel-default:nth-child(1) .btnmodule:focus i {
    color: #fff;
}

.modulewrapper .panel-group .panel-default:nth-child(1) .btnmodule:after {
    background: #fff;
}

.modulewrapper .panel-group .panel-default:nth-child(1) .btnmodule:hover {
    border-color: #fff;
}

.modulewrapper .panel-group .panel-default:nth-child(1) .btnmodule:hover:after,
.modulewrapper .panel-group .panel-default:nth-child(1) .btnmodule:focus:after {
    background: #fff;
}


/*third*/

.modulewrapper .panel-group .panel-default:nth-child(3) .btnmodule i {
    color: #56bf58;
}

.modulewrapper .panel-group .panel-default:nth-child(3) .btnmodule:hover i,
.modulewrapper .panel-group .panel-default:nth-child(3) .btnmodule:focus i {
    color: #ffffff;
}

.modulewrapper .panel-group .panel-default:nth-child(3) .btnmodule:after {
    background: #56bf58;
}

.modulewrapper .panel-group .panel-default:nth-child(3) .btnmodule:hover {
    border-color: #ddd;
}

.modulewrapper .panel-group .panel-default:nth-child(3) .btnmodule:hover:after,
.modulewrapper .panel-group .panel-default:nth-child(3) .btnmodule:focus:after {
    background: #56bf58;
}


/*forth pannel*/

.modulewrapper .panel-group .panel-default:nth-child(4) .btnmodule i {
    color: orange;
}

.modulewrapper .panel-group .panel-default:nth-child(4) .btnmodule:hover i,
.modulewrapper .panel-group .panel-default:nth-child(4) .btnmodule:focus i {
    color: #ffffff;
}

.modulewrapper .panel-group .panel-default:nth-child(4) .btnmodule:after {
    background: orange;
}

.modulewrapper .panel-group .panel-default:nth-child(4) .btnmodule:hover {
    border-color: #ddd;
}

.modulewrapper .panel-group .panel-default:nth-child(4) .btnmodule:hover:after,
.modulewrapper .panel-group .panel-default:nth-child(4) .btnmodule:focus:after {
    background: orange;
}


/*fifth pannel*/

.modulewrapper .panel-group .panel-default:nth-child(5) .btnmodule i {
    color: #e84845;
}

.modulewrapper .panel-group .panel-default:nth-child(5) .btnmodule:hover i,
.modulewrapper .panel-group .panel-default:nth-child(5) .btnmodule:focus i {
    color: #ffffff;
}

.modulewrapper .panel-group .panel-default:nth-child(5) .btnmodule:after {
    background: #ddd;
}

.modulewrapper .panel-group .panel-default:nth-child(5) .btnmodule:hover {
    border-color: #ddd;
}

.modulewrapper .panel-group .panel-default:nth-child(5) .btnmodule:hover:after,
.modulewrapper .panel-group .panel-default:nth-child(5) .btnmodule:focus:after {
    background: #e84845;
}


/*Support Popup Design*/

.supportpopup {}

.supportpopup .modal {
    background: rgba(77, 141, 255, 0.89);
    z-index: 99999;
}

.supportpopup .modal-content {
    position: relative;
    padding: 0px;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/*.supportpopup button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    border: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url(images/principal-dashboard/cross.png);
    background-repeat: no-repeat;
    right: -11px;
    top: 20px;
    opacity: 1;
    font-size: 0;
    background-size: 22px;
    background-position: 4px 3px;
}*/

.supportpopup .modelbg {
    background: #e0e0e0;
    background: #fff;
    bottom: 0;
    direction: ltr;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.supportpopup .modelbodycontent {
    z-index: 9;
    position: relative;
    /*    background: rgba(255, 255, 255, 0.36);*/
    padding: 0;
    min-height: 400px;
}

.supportpopup .modelfooter {
    padding: 10px 0 0;
    text-align: right;
    border-top: 1px solid #ddd;
}

.supportpopup .button {
    display: inline-block;
    position: relative;
    height: 45px;
    min-width: 120px;
    line-height: 42px;
    border-radius: 2px;
    font-size: 1.3em;
    background-color: #fff;
    color: #646464;
    font-family: 'Roboto', sans-serif;
    padding: 0 15px;
    text-align: center;
    margin-left: 15px;
}

.supportpopup .modal-body h2 {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding-bottom: 10px;
    font-size: 24px;
}

.supportpopup .modal-body h2 i {
    color: #528bf1;
    margin-right: 10px;
}

.supportpopup .button.raised {
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.2s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    text-decoration: none !important;
    cursor: pointer;
}

.supportpopup .button>paper-ripple {
    border-radius: 2px;
    overflow: hidden;
}

.supportpopup .button.green {
    background-color: #0f9d58;
    color: #fff;
}

.supportpopup .modal-body {
    position: relative;
    padding: 0px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: none !important;
}
.supportpopup .supporthelpwrapper
{padding: 0;}
.supportpopup .offer {
    text-align: center;
    color: #151212;
    border-bottom: 1px solid #e4e4e4 !important;
}

.supportpopup .modal-body h2.offer i {
    color: #2196F3!important;
    font-size: 30px;
}


.callsummery {
    background: #fff;
    padding-top: 15px;
    border-left: 1px solid #eee;
    border-radius: 10px 0 0px 10px;
}

.callingdetails {
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

.callsummery .callingdetails:last-child {
    border: 0;
}

.callingdetails h3 {
    margin: 0;
    padding: 6px 10px 0;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    padding-left: 43px;
    color: #2196F3;
}

.callingdetails ul {
    padding-left: 0;
    list-style: none;
}

.callingdetails ul li {
    font-size: 17px;
    font-family: helvetica;
    font-weight: 400;
    padding-left: 45px;
    position: relative;
}

.callingdetails ul li:nth-child(1) a {
    color: #cecccc;
}

.callingdetails ul li:before {
    content: "";
    height: 24px;
    width: 24px;
    position: absolute;
    background-size: 22px;
    background-repeat: no-repeat;
    left: 19px;
    top: 0;
    font-family: fontawesome;
    font-size: 13px;
    color: rgb(160, 160, 160);
}

.callingdetails ul li.for:before {
    content: none;
}

.callingdetails ul li.mobile:before {
    content: "\f10b";
    font-size: 24px;
    left: 21px;
    top: -6px;
}

.callingdetails ul li.email:before {
    content: "\f17e";
    font-size: 17px;
    left: 18px;
    top: -1px;
}

.callingdetails ul li.skype:before {
    content: "\f0e0";
    font-size: 15px;
    left: 19px;
    top: -1px;
}

.callingdetails ul li a {
    color: #828080;
}

.supportmodulewrapper {
    background: #fff;
    padding: 0px;
    min-height: 572px;
}

.supportmoduleinner {
    background: #fff;
    min-height: 200px;
    border-radius: 4px 4px 0 0;
    border: 1px solid #e6e5e5;
    margin-top: 40px;
    /*    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.03);*/
    padding: 10px;
    position: relative;
}

.supportmoduleinner ul {
    padding-left: 0;
    list-style: none;
}

.supportmoduleinner ul li {
    font-size: 17px;
    padding: 2px;
    padding-left: 44px;
    position: relative;
}

.supportmoduleinner ul li:before {
    content: "";
    height: 12px;
    width: 12px;
    background: #ddd;
    position: absolute;
    left: 15px;
    top: 8px;
    background: #fff;
    border: 1px solid #ddd;
}

.supportmoduleinner a {
    background: #fff;
    padding: 7px 10px;
    border: 1px solid #ddd;
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    min-width: 121px;
}

.iconboxsuppoert {
    height: 44px;
    width: 93%;
    background: #fff;
    margin: 0 auto;
    margin-top: -34px;
    border-radius: 4px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #444;
    line-height: 39px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.supportmoduleinner.orange {
    border: 2px solid #FFC107;
    background: rgb(251, 247, 237);
}

.supportmoduleinner.orange .iconboxsuppoert {
    color: #fff;
    border-bottom: 2px solid #FFC107;
    background: #ffd146;
}

.supportmoduleinner.orange ul li:before {
    border: 2px solid #FFC107;
    background: #ffd146;
}

.supportmoduleinner.green {
    border: 2px solid #83d486;
    background: rgb(245, 255, 249);
}

.supportmoduleinner.green ul li:before {
    border: 2px solid #36c54c;
    background: #50e274;
}

.supportmoduleinner.green .iconboxsuppoert {
    color: #fff;
    border-bottom: 2px solid #36c54c;
    background: #50e274;
}

.supportmoduleinner.blue {
    border: 2px solid #54bae8;
    background: #f4fcff;
}

.supportmoduleinner.blue .iconboxsuppoert {
    background: #4dc3f9;
    border-bottom: 2px solid #03A9F4;
    color: #fff;
}

.supportmoduleinner.blue ul li:before {
    border: 2px solid #03A9F4;
    background: #4dc3f9;
}


/*Support Popup Design end*/

.userProfileWrapper {
    min-height: 198px;
    position: relative;
    padding: 33px 15px 27px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    display: table;
    width: 100%;
    margin-top: 6px;
}

.userProfileWrapper .userimg {
    height: 70px;
    width: 70px;
    border-radius: 100%;
    position: absolute;
    top: -18px;
    border: 2px solid #fff;
    left: 10px;
}

.dashboardpromothionWrapper {}

.dashboardpromothionWrapper .messagesection {
    padding: 20px 15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.dashboardpromothionWrapper .messagesection.waringmessatge
{    background: #ffd1d1;
    box-shadow: 0 1px 1px rgb(228, 163, 163);
    -webkit-box-shadow: 0 1px 1px rgba(126, 43, 43, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.dashboardpromothionWrapper .messagesection.waringmessatge h2
{    color: #f33f3f;}
.dashboardpromothionWrapper .messagesection.waringmessatge p
{color: #e05d5d;}
.dashboardpromothionWrapper .messagesection.waringmessatge img
{margin-top: 0;
    height: 49px;
    width: 49px;}
.dashboardpromothionWrapper .messagesection.waringmessatge p a
{color: #222225 !important;}
.dashboardpromothionWrapper .messagesection h2 {
    margin: 0;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    color: #000;
}

.welcomeimg {
    margin-top: -10px;
}

.dashboardpromothionWrapper .messagesection p {
    font-size: 15px;
    font-family: 'roboto', sans-serif;
    color: #8b8888;
    font-weight: 400;
    padding-top: 4px;
    margin-bottom: 0;
}

.brright {
    border-right: 1px solid #ddd;
    padding-right: 0;
}

.brleft {
    /*    padding-left: 0;*/
}

.dashboardpromothionWrapper .messagesection p a {
    color: #03A9F4;
}

.dashboardpromothionWrapper .messagesection p a:hover,
.dashboardpromothionWrapper .messagesection p a:focus {
    text-decoration: none;
    color: #03A9F4;
}

.freshwidget-button {
    top: 404px !important;
}

.messagesection .welcomemessage {}

.messagesection .welcomeoffer {}

.userProfileWrapper h2 {
    font-size: 24px;
    text-align: left;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    padding-left: 0;
    padding-top: 3px;
    padding-bottom: 10px;
    color: #009688;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 256px;
    position: relative;
}

.shortlinkdashord {
    position: relative;
    display: block;
}

.shortlinkdashord:before {
    content: "";
    height: 94px;
    width: 94px;
    background: rgba(0, 0, 0, 0.09);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all .3s ease;
}

.shortlinkdashord:hover:before {
    width: 100%;
}

.shortlinkdashord:hover,
.shortlinkdashord:focus {
    text-decoration: none;
    outline: none;
    color: #ffffff;
}

.userProfileWrapper ul {
    padding-left: 0;
    list-style: none;
}

.userProfileWrapper ul li {
    position: relative;
    margin-top: 4px;
}

.userProfileWrapper ul li:before {
    content: "";
    height: 23px;
    width: 29px;
    position: absolute;
    top: 0;
    left: 0;
    font-family: fontawesome;
    font-size: 20px;
    color: #009688;
}

.logoutbtn {
    height: 40px;
    width: 40px;
    background: #ef6d6d;
    display: block;
    border-radius: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 39px;
    color: #fff !important;
    position: absolute;
    right: 12px;
    top: 80px;
    box-shadow: 0px 0px 2px 2px rgba(51, 51, 51, 0.24);
}

.logoutbtn.edit {
    top: 5px;
    background: #03a9f4;
    font-size: 21px;
    box-shadow: 0px 0px 2px 2px rgba(51, 51, 51, 0.16);
    height: 36px;
    width: 36px;
    line-height: 38px;
}

.userProfileWrapper ul li.designation:before {
    content: "\f007";
}

.userProfileWrapper ul li.phone:before {
    content: "\f0e0";
    font-size: 17px;
}

.userProfileWrapper ul li.email:before {
    content: "\f095";
}

.userProfileWrapper ul li.logout:before {
    content: "\f0ac";
}

.userProfileWrapper ul li.logout a span {
    font-size: 15px;
    display: block;
    color: #9a9999;
    line-height: 10px;
    padding-top: 5px;
}

.userProfileWrapper ul li a {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    padding-left: 37px;
    display: block;
    text-decoration: none !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 201px;
}

.userProfileWrapper h2:after {
    content: "";
}

.card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    height: 102px;
    margin: -33px -15px 0;
    width: calc(100% + 30px);
    border-radius: 4px 4px 0 0;
}

.card.hovercard .card-background {
    height: 130px;
}

.card-background img {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(10px);
    margin-left: -69px;
    margin-top: -135px;
    min-width: 130%;
    max-width: 100%;
}

.useravatar {
    margin: -55px 0 0;
    margin-left: 0;
    right: 0;
    position: relative;
}

.useravatar img {
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.5);
}

.todowrapper {
    min-height: 104px;
    position: relative;
    padding: 48px 10px 13px;
    background: #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    display: table;
    width: 100%;
    margin-top: 10px;
}

.userProfileWrapper:before {
    content: "";
}

.userProfileWrapper h2:after {
    content: "";
}

.dashboardleftpannel {
    width: 300px;
    background: #edecec;
    padding-top: 20px;
}

.dashboardrightpannel {
    width: calc(100% - 302px);
    padding-top: 0px;
}

.featurespromotionsection {
    min-height: 100px;
    display: table;
    width: 100%;
    margin-top: 0;
}

.featurespromotionsection .featuresdashboard {
    margin-top: 20px;
    display: table;
    width: 100%;
}

.featurespromotionsection .featuresdashboard h2 {
    margin: 0;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
}

.featerewrapper {}

.featerewrapper .dashboardicons {
    height: 60px;
    width: 60px;
    margin-top: 15px;
    float: left;
    margin-left: 13px;
    z-index: 2;
    position: relative;
    padding: 4px;
}

.featerewrapper p {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    padding-left: 116px;
    padding-top: 6px;
    margin-bottom: 0;
    font-weight: 300;
    padding-right: 15px;
    color: #fff;
    z-index: 2;
    position: relative;
}

.featerewrapper p a {
    color: #268cba;
}

.featerewrapper p a:hover,
.featerewrapper p a:focus {
    text-decoration: none;
    color: #2196F3;
}

.borderbottomfeatures {
    /*
    height: 1px;
    width: 100%;
    background: #ddd;
    margin-top: 12px;
*/
}

.supportdetailwrapper {}

.supportdetailwrapper p {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    padding-left: 71px;
    margin-top: 3px;
    position: relative;
    color: #8a8888;
    padding-bottom: 7px;
    padding-top: 4px;
    margin-bottom: 0;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.supportdetailwrapper p:last-child {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}

.supportdetailwrapper p:nth-child(4) a {
    display: inline-block !important;
}

.supportdetailwrapper p:last-child a {
    display: inline-block !important;
}

.supportdetailwrapper p:before {
    content: "";
    background-image: url(../images/principal-dashboard/supportbg.png);
    background-repeat: no-repeat;
    height: 54px;
    width: 51px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
}

.supportdetailwrapper p:after {
    content: "";
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 10px;
    top: 18px;
    border-color: transparent #fff transparent transparent;
    left: 41px;
}

.supportdetailwrapper p.email:before {
    background-position: -23px -2px;
    background-color: #07d23c;
}

.supportdetailwrapper p.skype:before {
    background-position: -118px -1px;
    background-color: #03f0f8;
}

.supportdetailwrapper p.fresh:before {
    background-position: -212px -1px;
    background-color: #fcb214;
}

.supportdetailwrapper p.phone:before {
    background-position: -292px 1px;
    background-color: #fc2f14;
    background-size: 361px 45px;
}

.supportdetailwrapper p a {
    font-size: 16px;
    color: #4e9a93;
    padding-left: 0;
    display: block;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 238px;
}

.headingdashboard {
    padding: 8px 65px;
    background-color: #565555;
    position: relative;
    border-radius: 4px 4px 0 0;
}

.recentupdatewrapper {
    min-height: 104px;
    position: relative;
    padding: 48px 10px 13px;
    background: #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    display: table;
    width: 100%;
    margin-top: 40px;
}

.pdafter a {
    position: relative;
    display: block;
}

.pdafter a:before {
    content: "";
    height: 94px;
    width: 94px;
    background: rgba(0, 0, 0, 0.09);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all .3s ease;
}

.pdafter a:hover::before {
    width: 100%;
}

.pdafter a,
.pdafter a:hover {
    text-decoration: none;
    outline: none;
}

.pdr0 {
    padding-right: 4px;
}

.pdl0 {
    padding-left: 4px;
}

.dpd0.bb0 {
    border-bottom: 0;
}

.feawrapper {
    padding-bottom: 11px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.39);
    position: relative;
    margin-bottom: 11px;
    min-height: 93px;
    border-radius: 4px;
}

.feawrapper:hover {
    background: #fafafa;
}

.feawrapper.training {
    background-color: #00bcd4;
}

.feawrapper.training p a {
    color: #fff;
}

.feawrapper.services {
    background: #7caf42;
}

.feawrapper.services p a {
    color: #6a933b;
}

.feawrapper.app {
    background: #ff9800;
}

.feawrapper.app p a {
    color: #878b1e;
}

.feawrapper.website {
    background: #607d8b;
}

.feawrapper.website p a {
    color: #ca9800;
}

.feawrapper.fee {
    background: rgba(250, 47, 47, 0.78);
}

.feawrapper.fee p a {
    color: #4b5aae;
}

.feawrapper.admission {
    background: #03a9f4;
}

.feawrapper.admission p a {
    color: #03A9F4;
}

.featerewrapper p span {
    display: block;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    max-height: 60px;
    max-width: 196px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/*todolist*/

.todowrapper .headinggg {
    background: #cccccc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 18px;
    padding: 10px 14px;
    color: #4e4c4c;
    border-radius: 4px 4px 0 0;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.todowrapper .list__item {
    padding: 7px 10px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 6px;
    max-width: 300px;
    min-height: 20px;
    position: relative;
    z-index: 0;
}

.badges {
    position: relative;
}

.badges small {
    color: #b7b7b7;
    font-size: 14px;
}

.badges span.status {
    padding: 0px 6px;
    border-radius: 4px;
    border: 1px solid transparent;
}

.badges .date {
    color: #f58f8f;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.badges span.status.success {
    background: #ccecd1;
    color: #6aa228;
}

.todowrapper ul.list {
    padding-left: 0;
    list-style: none;
}

.todowrapper .label--checkbox {
    position: relative;
    font-family: Arial, sans-serif;
    cursor: pointer;
    font-size: 16px;
    padding-left: 0;
    color: #615c5c;
    line-height: 20px;
    max-height: 62px;
    max-width: 236px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.todowrapper .checkbox {
    position: relative;
    top: -0.375rem;
    margin: 0 1rem 0 0;
    cursor: pointer;
}

.todowrapper .checkbox+span:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 4px;
    z-index: 1;
    top: -5px;
    width: 20px;
    height: 20px;
    border: 2px solid #3c3c3d;
}

.todowrapper .checkbox+span {
    position: absolute;
    left: -6px;
    top: 1px;
}

.todowrapper .checkbox:checked+span:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 8px;
    border-color: #fff;
    border-top-style: none;
    border-right-style: none;
    width: 19px;
    top: 2px;
    left: 4px;
}

.todowrapper .checkbox+span:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.todowrapper .button--round {
    -webkit-transition: 0.3s background ease-in-out;
    -moz-transition: 0.3s background ease-in-out;
    transition: 0.3s background ease-in-out;
    width: 2rem;
    height: 2rem;
    background: #5677fc;
    border-radius: 50%;
    box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.todowrapper .button--round i {
    font-size: 1rem;
    line-height: 220%;
    vertical-align: middle;
}

.todowrapper .button--round:hover {
    background: #3b50ce;
}

.todowrapper .button--sticky {
    position: fixed;
    right: 2rem;
    top: 16rem;
}

.content {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(6.25rem);
        transform: translateY(6.25rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(6.25rem);
        transform: translateY(6.25rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*todolist end*/


/*Message Container*/

.msg_container_base {
    background: #e5e5e5;
    margin: 0;
    padding: 0 10px 10px;
    max-height: 255px;
    overflow-x: hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.msg_container_base .col-md-2,
.msg_container_base .col-md-10 {
    padding: 0;
}

.top-bar {
    background: #666;
    color: white;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.msg_receive {
    padding-left: 0;
    margin-left: 0;
}

.msg_sent {
    padding-bottom: 20px !important;
    margin-right: 0;
}

.messages {
    background: white;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    max-width: 100%;
}

.messages>p {
    font-size: 13px;
    margin: 0 0 0.2rem 0;
}

.messages>time {
    font-size: 11px;
    color: #ccc;
}

.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
}



.avatar {
    position: relative;
}

.base_receive>.avatar:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #FFF;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}

.base_sent {
    justify-content: flex-end;
    align-items: flex-end;
}

.base_sent>.avatar:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid white;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow: 1px 1px 2px rgba(black, 0.2);
}

.msg_sent>time {
    float: right;
}

.msg_container_base::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.headingmessage {
    background: #cccccc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 21px;
    padding: 10px 14px;
    color: #4e4c4c;
    border-radius: 4px 4px 0 0;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}


/*Message Container end*/


/*event list side bar*/

.event-list {
    list-style: none;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    padding: 0px;
}

.event-list>li {
    padding: 7px 10px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 6px;
    max-width: 300px;
    position: relative;
    z-index: 0;
    min-height: 50px;
}

.event-list>li>time {
    display: inline-block;
    width: 100%;
    color: rgb(255, 255, 255);
    background-color: #CDDC39;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

.event-list>li>time>span {
    display: block;
}

.event-list>li>time>.day {
    display: block;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    padding-top: 5px;
    padding-bottom: 4px;
    color: #363836;
    font-family: 'Roboto', sans-serif;
    border-right: 1px solid #eee;
}

.event-list>li time>.month {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    background: #03A9F4;
    padding: 2px 0 2px;
    margin-top: 0;
    color: #fff;
}

.event-list>li>img {
    width: 100%;
}

.event-list>li>.info {
    padding-top: 5px;
    text-align: center;
}

.event-list>li>.info>.title {
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    color: #615c5c;
    line-height: 20px;
    max-height: 39px;
    max-width: 236px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
    padding-left: 10px !important;
    font-weight:normal;
}

.event-list>li>.info>.desc {
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    line-height: 15px;
    font-family: 'Roboto', sans-serif;
}

.event-list>li>.info>ul,
.event-list>li>.social>ul {
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.event-list>li>.social>ul {
    margin: 0px;
}

.event-list>li>.info>ul>li,
.event-list>li>.social>ul>li {
    display: table-cell;
    cursor: pointer;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}

@media (min-width: 768px) {
    .event-list>li {
        position: relative;
        display: table;
        width: 100%;
        padding: 0px;
        display: table;
    }
    .event-list>li>time,
    .event-list>li>img {
        display: inline-block;
    }
    .event-list>li>time,
    .event-list>li>img {
        width: 120px;
        float: left;
    }
    .event-list>li>.info {
        background-color: transparent;
        overflow: hidden;
    }
    .event-list>li>time,
    .event-list>li>img {
        width: 50px;
        height: 50px;
        padding: 0px;
        margin: 0px;
        border-radius: 3px;
        background: #fff;
    }
    .event-list>li>.info {
        position: relative;
        text-align: left;
        padding-right: 12px;
    }
    .event-list>li>.info>.title,
    .event-list>li>.info>.desc {
        padding: 0px 10px;
    }
    .event-list>li>.info>ul {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }
    header.new .navbar-brand img {
        height: 38px;
        width: 38px;
        margin-top: 9px;
        margin-right: 5px;
    }
}


/*event list side bar end*/

.pdl4 {
    padding-left: 4px !important;
}

.pdr4 {
    padding-right: 4px !important;
}

.menusubmenus {}

.maketoeditable {
    height: 35px;
    width: 35px;
    background: #e6edf1;
    display: inline-block;
    position: absolute;
    bottom: 3px;
    right: 3px;
    color: #676b6d;
    font-size: 19px;
    text-align: center;
    line-height: 35px;
    border-radius: 100%;
    opacity: 0;
    display: none;
    transition: all .3s ease;
}

.todowrapper .list__item:hover .maketoeditable {
    display: inline-block;
    opacity: 1;
}

.maketoeditable.save {
    display: inline-block;
    opacity: 1;
    background: #87d287;
    color: #fff;
    right: 4px;
    bottom: 4px;
}

.todowrapper .list__item .addtasktitle {
    position: relative;
    font-family: Arial, sans-serif;
    cursor: pointer;
    font-size: 16px;
    padding-left: 0;
    color: #615c5c;
    line-height: 20px;
    max-height: 62px;
    max-width: 246px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    min-height: 74px;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #eee;
    outline: none !important;
}
.todowrapper .list__item .addtasktitle:disabled {
        background: #fff !important;
    height: 50px !important;
    min-height: 50px !important;
    border: 0;
    margin-bottom: 9px;
}
.todowrapper .list__item .tododuedateset,
.todowrapper .list__item .changetodostatus {
    display: inline-block;
    width: 117px;
    height: 18px;
    border-radius: 1px;
    border: 1px solid #eee;
    outline: none !important;
}

.todowrapper .list__item .changetodostatus {
    margin-left: 26px;
}

.messageAndFeatureWrapper {
    position: relative;
    min-height: 300px;
}

.messageAndFeatureWrapper {}

.messageAndFeatureWrapper .loaderdashboardwrapper {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    background: rgb(239, 239, 239);
    border-radius: 4px;
    z-index: 999;
}

.messageAndFeatureWrapper .loaderdashboardwrapper .loader {}

.messageAndFeatureWrapper .loaderdashboardwrapper .loader {
    margin: 100px auto 0;
    width: 0px;
    position: relative;
}

.messageAndFeatureWrapper .loaderdashboardwrapper .loader ul li {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
    -webkit-animation: spin 1.2s ease-in-out infinite;
    animation: spin 1.2s ease-in-out infinite;
}

.messageAndFeatureWrapper .loaderdashboardwrapper .loader ul li:nth-child(1) {
    -webkit-animation-delay: 0.125s;
    animation-delay: 0.125s;
}

.messageAndFeatureWrapper .loaderdashboardwrapper .loader ul li:nth-child(2) {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.messageAndFeatureWrapper .loaderdashboardwrapper .loader ul li:nth-child(3) {
    -webkit-animation-delay: 0.375s;
    animation-delay: 0.375s;
}

.messageAndFeatureWrapper .loaderdashboardwrapper .loader ul li:nth-child(4) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.messageAndFeatureWrapper .loaderdashboardwrapper .loader ul li:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #00BCD4;
    border-radius: 50%;
    height: 10px;
    width: 10px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(50deg);
        transform: rotate(50deg);
    }
    100% {
        -webkit-transform: rotate(410deg);
        transform: rotate(410deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(50deg);
        transform: rotate(50deg);
    }
    100% {
        -webkit-transform: rotate(410deg);
        transform: rotate(410deg);
    }
}


/*
@media(max-width:766px)
{
   
}
*/


/*responsive css for laptop version*/
@media only screen and (max-width: 1366px) and (min-width: 1025px)
{
    .featerewrapper p {
        font-size: 14px;
        font-weight: 500;
    text-transform: uppercase;    padding-top: 15px;
    }
    .featerewrapper p span {
        font-size: 15px;text-transform: none;}
    .supportdetailwrapper p a {
        max-width: 178px;}
    .modulewrapper .btnmodule span {
        font-size: 17px;
   
    }
}

@media only screen and (max-width: 1176px) and (min-width: 768px) {
    .dashboardleftpannel {
        width: 217px;
    }

    .dashboardrightpannel {
        width: calc(100% - 219px);
        padding-top: 0px;
    }
    /*
    .dashboardrightpannel {
        width: 80%;
    }
*/
    .dashboardpromothionWrapper .messagesection h2 {
        font-size: 18px;
        padding-right: 20px;
    }
    .dashboardpromothionWrapper .messagesection p {
        font-size: 14px;
        padding-right: 10px;
    }
    .userProfileWrapper ul li a {
        font-size: 14px;
        max-width: 148px;
    }
    .useravatar img {
        width: 60px;
        height: 60px;
        max-width: 60px;
        max-height: 60px;
    }
    .logoutbtn {
        height: 30px;
        width: 30px;
        line-height: 32px;
        top: 63px;
    }
    .userProfileWrapper h2 {
        font-size: 17px;
    }
    header.new .studentprofileandacyear {
        width: 262px;
    }
    header.new .acyearandsname {
        width: 183px;
    }
    header.new .valutebtn {
        min-width: 101px;
    }
    header.new .acyearandsname .btn-group .btn.btn-default {
        width: 95px;
    }
    header.new .acyearandsname .btn-group {
        width: 133px;
    }
    header.new .acyearandsname .btn-group .btn.btn-default:nth-child(2) {
        width: 28px;
    }
    header.new .valutebtn {
        line-height: 2px !important;
    }
    header.new .acyearandsname .btn.btn-default.settingbtnpr {
        width: 42px;
        padding-left: 15px !important;
        font-size: 30px;
    }
    .headingdashboard {
        padding: 8px 27px;
    }
    .featurespromotionsection .featuresdashboard h2 {
        font-size: 17px;
    }
    .dashboardleftpannel {
        padding-top: 7px;
    }
    .todowrapper .headinggg {
        font-size: 16px;
        line-height: 14px;
    }
    .logoutbtn.edit {
        top: -17px;
        right: -14px;
        font-size: 18px;
        height: 30px;
        width: 30px;
        line-height: 33px;
    }
    .todowrapper .label--checkbox {
        font-size: 15px;
        line-height: 16px;
    }
    .headingmessage {
        font-size: 17px;
    }
    .shortlinkdashord:before {
        content: "";
        height: 81px;
        width: 65px;
    }
    .featerewrapper .dashboardicons {
        height: 50px;
        width: 50px;
        margin-top: 14px;
        margin-left: 5px;
    }
    .featerewrapper p {
        font-size: 15px;
        font-family: 'Roboto', sans-serif;
        padding-left: 74px;
        padding-top: 14px;
    }
    header.new .navbar-brand {
        max-width: 231px;
        padding-right: 5px;
    }
    header.new .navbar-brand p {
        width: calc(100% - 75px);
        font-size: 18px;
        line-height: 19px;
        padding-top: 18px;
    }
    .pdafter a:before {
        height: 81px;
        width: 62px;
    }
    header.new .navbar-default .navbar-nav>li>a {
        padding: 8px 16px;
    }
    .featerewrapper p span {
        font-size: 14px;
        line-height: 16px;
        max-height: 60px;
        max-width: 165px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .feawrapper {
        min-height: 81px;
    }
    .supportdetailwrapper p:before {
        height: 45px;
        width: 43px;
        background-size: 300px 40px;
    }
    .supportdetailwrapper p.email:before {
        background-position: -18px -2px;
    }
    .supportdetailwrapper p.skype:before {
        background-position: -93px 0px;
    }
    .supportdetailwrapper p.fresh:before {
        background-position: -167px 0px;
    }
    .supportdetailwrapper p.phone:before {
        background-position: -235px 1px;
        background-size: 290px 37px;
    }
    .supportdetailwrapper p {
        font-size: 13px;
        padding-bottom: 1px;
        padding-left: 51px;
    }
    .supportdetailwrapper p:after {
        content: none;
    }
    .supportdetailwrapper p a {
        font-size: 15px;
        color: #4e9a93;
        padding-left: 0;
        display: block;
        line-height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 182px;
    }
    .pdl0 {
        padding-left: 0 !important;
    }
    .modulewrapper .btnmodule span {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .userProfileWrapper ul li a {
        font-size: 14px;
        max-width: 110px;
    }
    .featerewrapper p {
        font-size: 18px;
        font-family: 'Roboto', sans-serif;
        padding-left: 14px;
        padding-top: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .supportdetailwrapper p a {
        max-width: 157px;
    }
    .modulewrapper .btnmodule span {
        font-size: 11px;
    }
    header.new .navbar {
        background: #fff !important;
    }
    header.new .navbar-brand {
        margin-top: 0;
        max-width: calc(100% - 62px);
        background-repeat: repeat;
        display: block;
        width: calc(100% - 62px);
        background-size: contain;
    }
    header.new .navbar-brand p {
        max-width: calc(100% - 62px);
        padding-top: 21px;
    }
    .navbar-header {
        float: left;
        width: 100%;
    }
    .navbar-nav {
        margin: 7.5px 15px;
    }
    .navbar-nav {
        margin: 0px 0px;
        background: #125ea0!important;
        display: table;
        width: 100%;
        z-index: 99999;
        min-height: 100px;
        padding: 10px;
        margin-left: 0;
        padding-top: 0;
    }
    header.new .navbar-default .navbar-nav>li>a {
        color: #fff;
        display: inline-block;
        background: #1e88e5;
        padding: 0 20px;
        position: relative;
        height: 45px;
        float: none;
        margin-right: 2px;
        border-right: 1px solid #5997cd;
        display: block;
        width: 100%;
        margin-bottom: 2px;
        border-radius: 2px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
   
        padding-top: 10px;
        background: #125ea0;
    }
    header.new .notificationnumber {
        display: inline-block;
        text-align: right;
        font-size: 17px;
        position: absolute;
        right: 12px;
        top: 7px;
        padding: 0px 10px;
        background: #fff;
        color: #1e88e5;
        border-radius: 100%;
        text-align: center;
        line-height: 31px;
        font-weight: 700;
    }
    header.new .studentprofileandacyear {
        background: #1e88e5;
        width: 100%;
        float: none;
        border-left: 0;
    }
    .navbar-nav>li {
        float: left;
        float: none;
    }
    header.new .iconlink {
        float: left;
    }
    header.new .linktext {
        padding-top: 16px;
        display: inline-block;
        padding-left: 10px;
    }
}

@media only screen and (max-width: 766px) and (min-width: 300px) {
    .modulewrapper .btnmodule span {
        font-size: 15px;
    }
    header.new .navbar {
        background: #fff !important;
    }
    header.new .navbar-brand {
        margin-top: 0;
        max-width: calc(100% - 62px);
    }
    header.new .navbar-brand p {
        max-width: calc(100% - 62px);
        padding-top: 21px;
    }
    .dashboardleftpannel {
        width: 100%;
    }
    .userProfileWrapper ul li a {
        max-width: 300px;
    }
    .todowrapper .list__item {
        max-width: 100%;
    }
    .todowrapper .label--checkbox {
        max-width: 100%;
    }
    .event-list>li {
        max-width: 100%;
    }
    .event-list>li>time {
        width: 59px;
        background-color: #fff;
    }
    .event-list>li>.info {
        display: inline-block;
    }
    .event-list>li>.info>.title {
        max-width: 100%;
        display: inline-block;
    }
    .event-list>li>img {
        width: 52px;
        display: inline-block;
    }
    .dashboardrightpannel {
        width: 100%;
    }
    .welcomeimg {
        height: 60px;
        width: 74px;
        margin-bottom: 13px;
    }
    .messagesection .welcomemessage {
        margin-bottom: 13px;
        border-bottom: 1px solid #eee;
        padding-bottom: 12px;
    }
    .pdr0 {
        padding-right: 15px;
    }
    .pdl0 {
        padding-left: 15px;
    }
    .pl0 {
        padding-left: 15px !important;
    }
    .navbar-nav {
        margin: 7.5px 15px;
    }
    .navbar-nav {
        margin: 0px 15px;
        background: #125ea0!important;
        display: table;
        width: 100%;
        z-index: 99999;
        min-height: 100px;
        padding: 10px;
        margin-left: 0;
        padding-top: 0;
    }
    header.new .navbar-default .navbar-nav>li>a {
        color: #fff;
        display: inline-block;
        background: #1e88e5;
        padding: 0 20px !important;
        position: relative;
        height: 45px;
        float: none;
        margin-right: 2px;
        border-right: 1px solid #5997cd;
        display: block;
        width: 100%;
        margin-bottom: 2px;
        border-radius: 2px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
   
        padding-top: 10px;
        background: #125ea0;
        /*    padding-right: 19px;*/
    }
    header.new .notificationnumber {
        display: inline-block;
        text-align: right;
        font-size: 17px;
        position: absolute;
        right: 12px;
        top: 7px;
        padding: 0px 10px;
        background: #fff;
        color: #1e88e5;
        border-radius: 100%;
        text-align: center;
        line-height: 31px;
        font-weight: 700;
    }
    header.new .studentprofileandacyear {
        background: #1e88e5;
        width: 100%;
        float: none;
        border-left: 0;
    }
    header.new .iconlink {
        float: left;
    }
    header.new .linktext {
        padding-top: 16px;
        display: inline-block;
        padding-left: 10px;
    }
}


@media(max-width:400px)
{
    .supportdetailwrapper p a {
        max-width: 170px !important;
    }
    header.new .navbar-brand {
        padding: 0;
    }
    .featerewrapper .dashboardicons {
        height: 50px;
        width: 50px;
        margin-top: 15px;
        float: left;
        margin-left: 5px;}
    .featerewrapper p {
  
        padding-left: 71px;}
    .feawrapper {
    
        min-height: 82px;}
    .pdafter a:before {
        height: 84px;
        width: 62px;
    }
    .featerewrapper p {
        font-size: 21px;}
    .card-background img {
        margin-left: -78px;
        margin-top: -122px;
 
    }
    .dashboardpromothionWrapper {
        margin-top: 15px;
    }
    header.new .navbar-brand p {
        text-align: center;
        font-size: 22px;
        line-height: 21px;
        display: none;
    }
    .supportdetailwrapper p:last-child {
        border-radius: 0 0 4px 4px;
    }
    .headingdashboard {
        padding: 8px 15px;
    }
}


/*Security and Consultants Page Wrapper*/

.securityConsultantsWrapper {
    min-height: 100px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 2px 2px 0px rgba(51, 51, 51, 0.14);
    position: relative;
    max-width: 1006px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.SecurityScaleWrapper {
    padding: 15px;
}

.SecurityScaleHeader {
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    position: relative;
}

.SecurityScaleHeader a {}

.SecurityScaleHeader .share__icon {
    display: inline-block;
    width: 33px;
    float: right;
    text-align: center;
    border-radius: 100%;
}

.SecurityScaleHeader .share__icon:hover,
.SecurityScaleHeader .share__icon:focus {
    background: #eee;
    box-shadow: 0px 0px 1px 2px rgba(144, 144, 144, 0.23);
}

.SecurityScale {}

.scaleouter {
    border-bottom: none;
    display: block;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 0vw;
    padding: 42px 0 3.5vh;
    padding: 10px 0 0;
    margin-top: 12px;
}

.scaleinner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    opacity: 1;
    position: relative;
}

.scalesections {
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-size: .875rem;
    height: 7.5vh;
    min-height: 48px;
    min-height: 3rem;
    position: relative;
}

.scalesections.excellent {
    background: #377400;
    color: #0a4e22;
    -ms-flex-preferred-size: 11.4%;
    flex-basis: 11.4%;
    min-width: 110px;
    min-width: 6.875rem;
    width: 29%;
}

.scalesections.good {
    background: #68a333;
    color: #377400;
    -ms-flex-preferred-size: 13.1%;
    flex-basis: 13.1%;
    min-width: 180px;
    min-width: 11.25rem;
    width: 54%;
}

.scalesections.fair {
    background: #f26d00;
    color: #ee8c00;
    -ms-flex-preferred-size: 30.25%;
    flex-basis: 30.25%;
    width: 80%;
}

.scalesections.poor {
    background: #ea4335;
    color: #ea4335;
    -ms-flex-preferred-size: 38.35%;
    flex-basis: 38.35%;
}

.benchmark__section-title {
    padding: 0 8px;
    padding: 36px .5rem 0;
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 16px;
}

.benchmark__section--filled .benchmark__section-title {
    color: #fff;
}

.scaleinner .pointer {
    display: inline-block;
    position: absolute;
    width: 49px;
    height: 56px;
    top: -42px;
    left: 0%;
    background-image: url(../images/principal-dashboard/pointer.png);
    background-size: cover;
}

.scaleinner .pointer:before {
    content: "";
    position: absolute;
    left: 53px;
    top: 5px;
    font-family: "roboto", sans-serif;
    font-weight: 400;
    font-size: 17px;
    padding: 1px 5px;
    display: block;
    min-width: 100px;
    background: #e4f3e4;
    color: green;
    border-radius: 3px;
    text-align: center;
}

.scaleinner.Sgood .pointer {
    left: 17%;
}

.scaleinner.Sgood .pointer:before {
    content: "Low Risk";
    background: #e4f3e4;
    color: green;
}

.scaleinner.Sfair .pointer {
    left: 30%;
}

.scaleinner.Sfair .pointer:before {
    content: "Medium Risk";
    background: #ffcca2;
    color: #f26d00;
    min-width: 123px;
}

.scaleinner.Spoor .pointer {
    left: 65%;
}

.scaleinner.Spoor .pointer:before {
    content: "High Risk";
    background: #f9b7b2;
    color: #ea4335;
}

@media screen and (min-device-width: 1025px) and (min-width: 1025px) {
    .scaleinner {
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 3.25rem;
        opacity: 1;
    }
    .scalesections {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 1.125rem;
        height: 6.75rem;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: .625rem .875rem;
    }
}

.repatiriskfactors {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

securityConsultantsWrapper .repatiriskfactors:last-child {
    border-bottom: 0;
}

.riskresolvebutton {
    color: #444;
    font-size: 19px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #c7c8ca;
    padding: 7px 16px;
    background: #fafafa;
    min-width: 173px;
    display: inline-block;
    text-align: center;
    transition: all .3s ease;
}

.riskresolvebutton:hover,
.riskresolvebutton:focus {
    text-decoration: none;
    background: #1e88e5;
    color: #fff;
    outline: none;
    border: 1px solid #1e88e5;
}

.repatiriskfactors h3 {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 21px;
    padding-top: 5px;
}

.repatiriskfactors p {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 17px;
    line-height: 17px;
    padding-top: 3px;
    color: #888585;
}

.repatiriskfactors .imageicon {
    width: 52px;
    margin-top: 2px;
}

.repatiriskfactors .iconimgrisk {
    padding-left: 55px;
    position: relative;
}

.repatiriskfactors .iconimgrisk span {
    position: absolute;
    left: 10px;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    top: 12px;
    color: #828181;
}

.repatiriskfactors .actionsection {
    text-align: center;
    padding-top: 7px;
}

.repatiriskfactors .actionsection.done {
    text-align: center;
    padding-top: 7px;
}

.repatiriskfactors .actionsection.done .riskresolvebutton {
    height: 40px;
    width: 40px;
    min-width: 42px;
    padding: 0;
    border: 0;
    background-color: transparent;
}

.repatiriskfactors .actionsection.done .riskresolvebutton:hover,
.repatiriskfactors .actionsection.done .riskresolvebutton:focus {
    background-color: transparent;
    color: transparent;
}

.riskCategoryWrapper {
    border-radius: 4px;
    position: relative;
    max-width: 1006px;
    margin: 0 auto;
    margin-bottom: 30px;
    background: #d8d7d7;
}

.riskCategoryWrapper .nav>li {
    width: calc(99.4% / 3);
}

.riskCategoryWrapper .nav>li>a {
    padding: 17px 23px;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    background: #fff;
}

.riskCategoryWrapper .nav>li>a>span {
    font-size: 80%;
}

.riskCategoryWrapper .nav>li.highrisk>a {
    background: #f9d9d7;
    color: #dc4040;
    border-color: #ea4335;
}

.riskCategoryWrapper .nav>li.highrisk.active>a {
    background: #ea4335;
    color: #fff;
    border-color: #ea4335;
}

.riskCategoryWrapper .nav>li.mediumrisk.active>a {
    background: #f26d00;
    color: #fff;
    border-color: #f26d00;
}

.riskCategoryWrapper .nav>li.mediumrisk>a {
    background: #fddfc5;
    color: #f26d00;
    border-color: #ea4335;
}

.riskCategoryWrapper .nav>li.lowrisk.active>a {
    background: #68a333;
    color: #fff;
    border-color: #68a333;
}

.riskCategoryWrapper .nav>li.lowrisk>a {
    background: #dbf7c3;
    color: #68a333;
    border-color: #68a333;
}

/*.tab-content {
       background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 2px 2px 0px rgba(51, 51, 51, 0.14);
    padding: 40px 0;
}*/


.fixitwrapper {}

.fixitinner {}

.fixitinner h3 {
    margin: 0;
    background: #eee;
    margin: 0 -15px;
    padding: 7px 15px;
    border-right: 1px solid #ddd;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13);
    margin-bottom: 16px;
    position: relative;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    padding-left: 39px;
}

.fixitinner h3.tools {
    background: #68a333;
    color: #fff;
}
.fixitinner h3.tools img, .fixitinner h3.fixed img
{height: 30px;
    width: 30px;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 6px;}
.fixitinner h3.fixed {
    background: #f8c50b;
    color: #fff;
}

.fixitinner ul {
    list-style: none;
    padding-left: 0;
}

.fixitinner ul li {}

.fixitinner ul li a {
    text-decoration: none;
    font-size: 17px;
    color: #737778;
    position: relative;
    display: block;
    margin-bottom: 2px;
    padding: 3px 0;
    padding-left: 25px;
    border-radius: 2px;
    transition: all .3s ease;
}
.barprogress
{    height: 50px;
    width: 100%;
    background: rgba(182, 185, 188, 0.35);
    border: 2px solid #c3c5c7;
    margin-top: 40px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 50px;}
.barprogress span
{    height: 50px;
        border-radius: 50px;
    width: 30%;
    display: block;
    background: rgba(196, 224, 238, 0.87);
    border: 2px solid #8db6cb;
    position: absolute;
    bottom: -2px;
    left: -2px;
    text-align: center;
    line-height: 48px;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Roboto',sans-serif;
    color: #398cb6;}
/*good*/
.barprogress.good span
{    background: rgba(93, 207, 112, 0.87);
    border: 2px solid #5fbe37;
    color: #fff;}
/*medium*/
.barprogress.medium span
{        background: rgba(242, 156, 68, 0.87);
    border: 2px solid #df8d39;
    color: #fff;}
/*fair*/
.barprogress.fair span
{        background: rgba(246, 118, 105, 0.87);
    border: 2px solid #e9453d;
    color: #fff;}
/*poor*/
.barprogress.poor span
{       background: rgba(244, 50, 50, 0.87);
    border: 2px solid #db1919;
    color: #fff;}
.barprogress span:before
{
        content: "";
    position: absolute;
    top: -39px;
    color: #000;
    font-weight: 400;
    font-size: 15px;
    left: 15px;
    font-family: 'Roboto',sans-serif;
}
.barprogress.poor span:before{content: "Poor";color: #f24949;}
.barprogress.fair span:before{content: "Fair";color: #d5695e;}
.barprogress.medium span:before{content: "Medium";color: #df8e3b;}
.barprogress.good span:before{content: "Good";    color: #45ac56;}

.charttitlee
{font-family: 'Roboto',sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-align: center;}
.fixitinner ul li a span
{    color: #444;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #c7c8ca;
    padding: 0 14px;
    background: #fafafa;
    min-width: 120px;
    display: inline-block;
    float: right;
    margin-top: -2px;
    text-align: center;
    transition: all .3s ease;
    border-radius: 2px;}
.fixitinner ul li a:hover {
    background: #fafafa;
    padding-left: 30px;
}

.fixitinner ul li a:before {
    content: "";
    display: block;
    position: absolute;
    width: 23px;
    height: 23px;
    background-color: #fff;
    left: -7px;
    top: 4px;
    border-radius: 100%;
    background-image: url(images/principal-dashboard/securitydone.png);
    background-size: cover;
    background-repeat: no-repeat;
}


/*Security and Consultants Page Wrapper End*/

/*execution plan page css*/
.executionheadings
{    max-width: 1006px;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 20px;
    background: #d4d2cf;
    border-radius: 5px 5px 0 0;
    padding: 8px 15px;
    color: #5b5757;}
.repatiriskfactors h3 .helpicon
{display: inline-block;
    height: 20px;
    width: 20px;
    background: #eee;
    font-size: 15px;
    text-align: center;
    color: #03A9F4;
    line-height: 20px;
    border-radius: 100%;
    text-decoration: none !important;}
/*execution plan page css end*/
    .headingdashboard {
        padding: 8px 15px;}
		.pdl4 {
    padding-left: 15px !important;
}
.pdr4 {
    padding-right: 15px !important;
}


/*Student Online Fee Screen*/
.academicModule {
    display: table;
    width: 100%;
}
.academicModule .heading {
    transition: all 2s ease;
}
.academicModule .heading h1 {
    font-weight: 100;
    margin: 0px;
    font-size: 35px;
    float: left;
    font-family: 'Open sans',sans-serif;
    padding-top: 24px;
    position: relative;
}
.academicModule .heading b {
    font-weight: 600;
}
.academicModule .sublinkheader {
    z-index: 1;
    display: block;
    float: left;
    margin: 35px 2px 3px 19px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.academicModule .sublinkheader span.whatsN {
    background: #E91E63;
    color: #fff;
    padding: 0 9px;
    font-size: 0.8em;
    float: left;
    display: block;
    line-height: 20px;
    border-radius: 3px 0 0 3px;
}
.academicModule .sublinkheader span.borderright {
    width: 0;
    height: 0;
    border-left: #E91E63 1px solid;
    border-top: #E91E63 10px solid;
    border-bottom: #E91E63 10px solid;
    border-right: 10px solid transparent;
    float: left;
    display: block;
}
.academicModule h3 {
    font-weight: normal;
    font-size: 18px;
    clear: both;
    font-family: 'Open sans',sans-serif;
    display: block;
    padding-top: 12px;
}
.librarypage {
    margin-top: 30px;
}
.librarypage .nav-tabs {
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 0;
}
.librarypage .nav-tabs>li {
    margin-bottom: 0;
}
.librarypage .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 0;
    border-radius: 0;
    color: #333;
    padding: 10px 30px 9px;
    font-weight: normal;
    font-size: 19px;
    font-family: 'Open sans',sans-serif;
    text-align: center;
    position: relative;
    background: #fed966;
    margin-right: 2px;
}
.librarypage .nav-tabs>li.active>a, .librarypage .nav-tabs>li.active>a:focus, .librarypage .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #00bcd5;
    border: 0;
}
.librarypage .nav-tabs>li>a>img {
    margin: 0 auto;
    height: 40px;
        width: 40px;
    display: inline-block;
}
.customresponsivetable table thead tr th {
    padding: 5px 10px;
    text-align: left;
    background: #3195d9;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 1px solid #3195d9;
}
.filterstablegrid {
    padding: 15px 0;
}
.filterstablegrid .form-control {
    border: 1px solid #A0A0A0;
    width: 100%;
    color: rgba(0, 0, 0, .75);
    background-color: #fff;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 0 #000, 0 3px 3px #EEE inset;
    box-shadow: 0 0 0 #000, 0 3px 3px #EEE inset;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    height: 35px;
    line-height: 30px;
    padding: 4px 10px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}
.filterstablegrid .form-control.btntheme {
    display: inline-block;
    line-height: 26px;
    background: #ddd;
    width: 100px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 500;
    box-shadow: 0 0 0 #000, 0 3px 3px #e4e1e1 inset;
}
.filterstablegrid .form-control.btntheme.downloads {
    width: auto;
    float: right;
    margin-left: 7px;
    background: transparent;
    box-shadow: none;
    color: #fff;
    transition: all .3s linear;
}
.filterstablegrid .form-control.btntheme.downloads.excel {
    background: #fff;
    border: 1px solid #4CAF50;
    font-size: 19px;
    color: #4CAF50;
}
.filterstablegrid .form-control.btntheme.downloads.excel:hover {
    background: #4CAF50;
    color: #fff;
}
.filterstablegrid .form-control.btntheme.downloads.pdf {
    background: #fff;
    border: 1px solid #F44336;
    font-size: 19px;
    color: #F44336;
}
.filterstablegrid .form-control.btntheme.downloads.pdf:hover {
    background: #F44336;
    color: #fff;
}
.filterstablegrid .form-control.btntheme.downloads.print {
    background: #fff;
    border: 1px solid #FF9800;
    font-size: 19px;
    color: #FF9800;
}
.filterstablegrid .form-control.btntheme.downloads.print:hover {
    background: #FF9800;
    color: #fff;
}
.filterstablegrid .form-control.btntheme.total {
    background: #fff;
    box-shadow: none;
    border-color: #3195d9;
    color: #3195d9;
    width: 125px;
    font-weight: 400;
}
.filterstablegrid .form-control.btntheme.downloads.search {
    background: #fff;
    background: #fff;
    border: 1px solid #2196F3;
    font-size: 19px;
    margin-left: 0;
    color: #2196F3;
    position: relative;
    min-width: 35px;
}
.filterstablegrid .form-control.btntheme.downloads.search:hover {
    background: #2196F3;
    color: #fff;
}
.paginationwrapper {
    padding: 15px;
    border-top: 1px solid #eee;
    text-align: right;
}
.paginationwrapper .pagination {
    margin: 0px 0;
    border-radius: 0;
}
.paginationwrapper .pagination>li>a, .paginationwrapper .pagination>li>span {
    color: #696969;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #ccc;
}
.paginationwrapper .pagination>li:first-child>a, .paginationwrapper .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.paginationwrapper .pagination>li>a:focus, .paginationwrapper .pagination>li>a:hover, .paginationwrapper .pagination>li>span:focus, .paginationwrapper .pagination>li>span:hover {
    z-index: 2;
    color: #fff !important;
    background-color: #97989a;
    border-color: #a09f9f !important;
}
.customresponsivetable table {
    max-width: 100%;
    margin-bottom: 0;
}
.customresponsivetable .table>thead>tr>th, .customresponsivetable .table>tbody>tr>td
{    padding: 7px 6px 7px;}
.librarypage .nav-tabs>li.active>a:after {
    content: "";
    border-width: 11px;
    border-style: solid;
    border-color: transparent transparent #fafafa transparent;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -1px;
    left: calc(50% - 15px);
    z-index: 3;
}
.customresponsivetable .table>tbody>tr>td .actionbuttons
{   
    margin-right: 5px;
    padding: 3px 2px;
    text-align: center;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 2px;
    color: #fff;}
.customresponsivetable .table>tbody>tr>td .actionbuttons.success
{background-color: #309946;}
.customresponsivetable .table>tbody>tr>td .actionbuttons.danger
{    background-color: #BE2929;}
.onlinefee-wrapper
{  background: #fff;
    padding: 15px;
    /*background-image: url(../images/principal-dashboard/graypattern.jpg);*/
    background-repeat: repeat;
    border-radius: 5px;
    margin-top: -36px;
    height: 100vh;
    display: table;
    width: 100%;}

.customresponsivetable .table>tbody>tr>td .checkbox {
   margin-top: 0;
    margin-bottom: 0;
    position: relative;
  }
  
.customresponsivetable .table>tbody>tr>td .checkbox .helper {
      color: #999;
      position: absolute;
      top: 3px;
      left: 0;
      z-index: 0;
      border-radius: 0.0625rem;
      -webkit-transition: border-color 0.28s ease;
      transition: border-color 0.28s ease;
      width: 18px;
      height: 18px;
      border: 2px solid #3195d9;
  }
   .button-container {
      padding: 15px 20px 15px;
      border-top: 1px solid #eee;
      background: #fafafa;
      margin-bottom: -10px;
      text-align: right;
  }
  
  .buttonmaterial {
      position: relative;
      background: transparent;
      border: 1px solid currentColor;
      font-size: 16px;
      color: #2196F3;
      margin: 0;
      text-transform: uppercase;
      padding: 0.75rem 3rem;
      cursor: pointer;
      -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
      transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
      overflow: hidden;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  
  .buttonmaterial span {
      color: inherit;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      position: relative;
      z-index: 1;
  }
  
  .buttonmaterial::before {
      content: '';
      position: absolute;
      background: rgba(14, 14, 14, 0.05);
      border: 50vh solid rgba(14, 14, 14, 0.06);
      width: 30vh;
      height: 30vh;
      border-radius: 50%;
      display: block;
      top: 50%;
      left: 50%;
      z-index: 0;
      opacity: 1;
      -webkit-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
  }
  
  .buttonmaterial:hover {
      color: #337ab7;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  }
  
  .buttonmaterial:active::before,
  .buttonmaterial:focus::before {
      -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
      transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
      transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
      transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
  }
  
  .buttonmaterial:focus {
      outline: none;
  }
  
  .buttonmaterial.default {
      border: 1px solid #ddd;
      color: #333;
  }
  
  .buttonmaterial.info {
      border: 1px solid #3195d9;
      color: #fff;
      background: #3195d9;
  }
  
  .buttonmaterial.warning {
      border: 1px solid #FF9800;
      color: #fff;
      background: #FF9800;
  }
  
  .buttonmaterial.danger {
      border: 1px solid #e63629;
      color: #fff;
      background: #e63629;
  }
  
  .buttonmaterial.success {
      border: 1px solid #0f9d58;
      color: #fff;
      background: #0f9d58;
  }
  
  .buttonmaterial.primary {
      border: 1px solid #bdbbbb;
      color: #fff;
      background: #c5c4c4;
  }
.customresponsivetable .table.feetable>thead>tr:first-child>th
{background: #fafafa;
    color: #414040;
    font-size: 20px;
    font-family: 'Roboto',sans-serif;
    border: 1px solid #eee;}
.customresponsivetable .table>tbody>tr>td .checkbox .helper::before,
.customresponsivetable .table>tbody>tr>td .checkbox .helper::after {
      position: absolute;
      height: 0;
      width: 0.3rem;
      background-color: #2196F3;
      display: block;
      -webkit-transform-origin: left top;
      transform-origin: left top;
      border-radius: 0.25rem;
      content: '';
      -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
      transition: opacity 0.28s ease, height 0s linear 0.28s;
      opacity: 0;
      opacity: 0;
  }
/*Paid Fee*/
.customresponsivetable .table>tbody>tr.row-paid>td{background: #e8fece;
    color: #5a975a;}
.customresponsivetable .table>tbody>tr.row-paid>td .checkbox .helper {
    border: 2px solid #4CAF50;
}
.customresponsivetable .table>tbody>tr.row-paid>td .checkbox .helper::before, .customresponsivetable .table>tbody>tr.row-paid>td .checkbox .helper::after {
    background-color: #4CAF50;
    box-shadow:none;
}
/*Due fee*/
.customresponsivetable .table>tbody>tr.row-due>td{background: #ffc9c5;
    color: #e73a3a;}
.customresponsivetable .table>tbody>tr.row-due>td .checkbox .helper {
    border: 2px solid #F44336;
}
.customresponsivetable .table>tbody>tr.row-due>td .checkbox .helper::before, .customresponsivetable .table>tbody>tr.row-due>td .checkbox .helper::after {
    background-color: #F44336;
    box-shadow:none;
}
/*discounted Fee*/
.customresponsivetable .table>tbody>tr.row-discounted>td{    background: #ffeac2;
    color: #db9007;}
.customresponsivetable .table>tbody>tr.row-discounted>td .checkbox .helper {
    border: 2px solid #FF9800;
}
.customresponsivetable .table>tbody>tr.row-discounted>td .checkbox .helper::before, .customresponsivetable .table>tbody>tr.row-discounted>td .checkbox .helper::after {
    background-color: #FF9800;
    box-shadow:none;
}

.customresponsivetable .table>tbody>tr>td .checkbox .helper::before {
      top: 11px;
      left: 8px;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
      box-shadow: 0 0 0 0.0625rem #fff;
  }
  
.customresponsivetable .table>tbody>tr>td .checkbox .helper::after {
      top: 4px;
      left: 1px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }
  
.customresponsivetable .table>tbody>tr>td .checkbox label:hover .helper {
      color: #337ab7;
  }
  
.customresponsivetable .table>tbody>tr>td .checkbox input:checked~.helper {
      color: #337ab7;
  }
  
.customresponsivetable .table>tbody>tr>td .checkbox input:checked~.helper::after,
.customresponsivetable .table>tbody>tr>td .checkbox input:checked~.helper::before {
      opacity: 1;
      -webkit-transition: height 0.28s ease;
      transition: height 0.28s ease;
  }
  
.customresponsivetable .table>tbody>tr>td .checkbox input:checked~.helper::after {
      height: 9px;
  }
  
.customresponsivetable .table>tbody>tr>td .checkbox input:checked~.helper::before {
      height: 19px;
      -webkit-transition-delay: 0.28s;
      transition-delay: 0.28s;
  }
/*Student Online Fee Screen End*/

/*FilterFlex Design Generic*/
.filterUsingFlex
{ display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;}
.filterUsingFlex .filtercontents
{padding: 10px 4px;}
.filterUsingFlex .filtercontents.mr-auto
{     margin-right: auto!important;}
.filterUsingFlex .filtercontents button.btn.btn-labeled.total-count {
    height: 32px;
    box-shadow: none;
    background: #fafafa;
    color: rgb(35, 126, 173);
    border: 1px solid rgb(35, 126, 173);
    padding: 3px 24px;
}
/*FilterFlex Design Generic End*/

/*Help Text Wrappper for all page*/
.helptextwrapper{
    background: #e8f4ff;
    display: table;
    padding: 15px 20px;
    width: 100%;
    position: relative;
    border-left: 4px solid #c7d9f0;
    border-radius: 4px;
}
.helptextwrapper h2{
        font-family: Opensans;
    color: #000;
    font-size: 23px;
    margin-top: 0;
    display: inline-block;
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 10px;
    min-width: 300px;
    
}
.helptextwrapper ul{
        padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.helptextwrapper li{
color: #21a2f6;
    font-size: 18px;
    font-family: 'Roboto',sans-serif;
    padding: 3px 0;
    position: relative;
    padding-left: 28px;
    font-weight: 300;
}
.helptextwrapper li:before{ 
    content: attr(data-title);
    color: #000;
    font-weight: 400;
    position: absolute;
    left: 6px;
    top: 4px;
}
.helptextwrapper li a{
    
        color: #000;
    font-weight: 500;
    font-family: 'Open sans',sans-serif;
    padding: 0px 10px 1px;
    border-radius: 3px;
    text-transform: uppercase;
    text-decoration: underline;
}
.examplemessage,.examplesolution
{    font-size: 13px;
    color: #444;
    font-family: 'Open Sans',sans-serif;position: relative;}
.examplemessage:before,.examplesolution:before {
        content: attr(data-title);
    position: absolute;
    left: -36px;
    top: 2px;
    font-size: 15px;
    font-weight: 600;
    color: orange;
}
.examplesolution span, .examplemessage span
{    color: #009688;
    font-size: 15px;
    font-weight: 500;}
.templateofcodeformsg
{}
.templateofcodeformsg li {
   display: inline-block;
    margin-right: 16px;
    border: 2px solid #03A9F4;
    margin-bottom: 10px;
    padding: 4px 12px;
    font-size: 15px;
    width: 45%;
    color: #03A9F4;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}

/*Attention Notice*/

.noticeSection{
          position: inherit;
          margin: 0 auto;
          width: calc(100% - 45px);
/*          display: table;*/
          background-color: rgba(255, 255, 255, 0);
          padding: 0 0;
          transition: all .5s ease;
          -moz-transition: all .5s ease;
          -webkit-transition: all .5s ease;
      }

.attentionNotice .alert strong{
    font-size: 55px;
}
.attentionNotice .alert p {
    line-height: 30px;
    margin-top: 28px;
    font-size: 30px;
    color: #fff;
}
.noticeAlert>p+p {
    margin-top: 5px;
    color: #000 !important;
}
.attentionNotice .alert i{
    position: absolute;
    margin-top: 7px;
}
.mainNotice{
    padding: 45px 0px 180px;
}
.blink{
		color: rgb (0, 137, 226);
		animation: blink 1s infinite;
    transition-duration: 5s;
    
	 }
	 
	 @keyframes blink{
		0%{opacity: 1;}
		75%{opacity: 1;}
		76%{ opacity: 0;}
		100%{opacity: 0;}
	 }
.blink.badge.badge-warning{
    border-radius: 2px;
    background-color: #fff;
    font-size: 25px;
    font-weight: normal;
        color: #fb9e0f;
        height: auto;
    width: auto;
}
.noticeAlert.alert-notice{
    padding: 40px;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,152,0,.4);
    height: 450px;
    background-color: #ff9e0f;
    color: #fff;
    border: 0;
}

.noticeAlert.alert-notice h2{
    font-size: 55px;
}
.noticeSection .btn.btn-success{
   background-color: #55b559;
   box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(76,175,80,.4);
    color: #fff;
        margin-top: 120px;
}
.noticeSection .btn.btn-success:hover {
    box-shadow: 0 14px 26px -12px rgba(76,175,80,.4), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(76,175,80,.4);
}
.noticeAlert span:first-child{
    background-color: #f33527;
    padding: 7px;
    border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgba(244,67,54,.14), 0 3px 1px -2px rgba(244,67,54,.2), 0 1px 5px 0 rgba(244,67,54,.12);
    text-transform: uppercase;
}

/*Sespendid*/

.noticeAlertsespended.alert-warning{
    padding: 40px;
        height: 450px;
        background-color: #f55145;
    color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(244,67,54,.4);
    border: 0;
}
.noticeAlertsespended.alert-warning h2{
    font-size: 55px;
}
.noticeAlertsespended span:first-child{
    background-color: #ff9e0f;
    padding: 7px;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(251, 158, 15, 0.24), 0 3px 1px -2px rgba(251, 158, 15, 0.49), 0 1px 5px 0 rgba(251, 158, 15, 0.3);
    text-transform: uppercase;
}
.noticeAlertsespended>p+p {
    margin-top: 5px;
    color: #000;
}

.changStuDate {
    background-color: #fff;
    box-shadow: 3px 2px 6px #ddd;
    padding: 15px;
}
.changStuDate span.stdlbl.chngeDayhding {
    margin-left: 0px;
    font-weight: 600;
}
.stuType label {
    font-size: larger;
    padding-left: 15px;
}
.changStuDate.changeStuType .btn.btn-success.btnYes{
    background-color: #00c851!important;
    border: 1px solid #2fbe1e;
    padding: 1px 8px;
   -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.changStuDate.changeStuType .btn.btn-danger.btnNo{
    background-color: #f44336 ;
    border: 1px solid #f44336 ;
    padding: 1px 8px;
     -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.changStuDate.changeStuType .btn.btn-primary.backbtn {
    background-color: #0062cc;
    border-color: #005cbf;
    padding: 1px 8px;
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0,0,0,.12);
}
.changStuDate.changeStuType .selectbdr {
    padding: 5px 0px 5px 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}
ul.stydentTypeList {
    padding-top: 5px;
    padding-left: 24px;
}
ul.stydentTypeList li{
   font-size: 17px;
    list-style: none; 
}
.btnlistType {
    padding-top: 3px;
    text-align: right;
    padding-right: 30px;
}
.daySchlrceckbx .col-sm-4:first-child label {
padding-left: 30px;
}
.daySchlrceckbx .col-sm-4:nth-child(3) {
    text-align: right;
    padding-right: 30px;
}
.daySchlrceckbx span.note {
    font-size: 14px;
}
.newStruchr .col-sm-6 label {
    padding-left: 30px; 
}
.newStruchr .col-sm-6 select {
   padding-left: 25px;
    font-weight: 500;
    font-family: roboto;
}
.tableInstallmnt {
   margin-top: 17%;
}
.tableInstallmnt .table.table-bordered.table-striped.previous-fee {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.tableInstallmnt label {
    padding-left: 30px; 
    font-weight: 700;
}
.newStruchr {
    margin-top: 80px;
}
.selectInstallmnt .table.table-bordered.table-striped.previous-fee {
    width: 95%;
    margin-top: 8px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.selectInstallmnt label {
    padding-left: 30px; 
    font-weight: 700;
}
.fontWt700 {
    font-weight: 700;
}
.pdl50 {
    padding-left: 50px;
}
.pdr50 {
    padding-right: 50px;
}
.pdl30 {
    padding-left: 30px;
}
.hdrNewstlmnt {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #cae5c7 !important;
    color: #26a316;
}

.badge-outline-success {
    border: 1px solid darkgreen;
    color: #fff;
    background: darkgreen;
    border-radius: 20px !important;
    padding: 1px 8px !important;
}
.badges {
    padding: 2px 6px;
    border-radius: 3px;
}
    .badges.badge-outline-success.class-badge {
        background: #fcfeff;
        color: #000;
        display: inline-block;
        margin-bottom: 5px;
        border-color: #b4d4dc;
    }

.c_foot{
    padding:30px 0;
    background:#eeeeee;
    color:#666666;
    font-size:14px;
    margin:15px 0 0;
}