/* Import fonts */
@import url(//fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);

/* Import libraries */
/*@import url('/../css/bootstrap/css/bootstrap.min.css');*/
/*@import url('/../fnt/fa/css/font-awesome.min.css');*/
/*@import url('/../js/vendor/SlidePushMenus/css/component.dev.css');*/
/*@import url('/../js/vendor/SelectInspiration/css/cs-select.css');*/
/*@import url('/../js/vendor/SelectInspiration/css/cs-skin-slide.css');*/
/*@import url('/../js/vendor/SelectInspiration/css/cs-skin-elastic.css');*/

/* Website Styles (css classes) */

.modal-dialog.modal-lg {width:95%;}
body { font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 120%; background-color: #FFFFFF;}

strong { font-weight: 700; }

#login { background-color: #00598C; }

.application { padding: 52px 86px; }

.application-menu-holder { padding: 25px 23px 68px 23px; }

.application-title { text-align: center; font-size: 18px; margin: 0; padding: 0 0 10px 0; }

.application-title,
.application-title a
{ color: #FFFFFF; }

.application-line { background-color: #fff; height: 1px; margin: 8px 40px; }

.nav-aside-user { text-align: center; margin: 0 0 16px 0; display: block; }

.nav-aside-user img { width: 150px; height: 150px; }

.application-menu-holder .nav-aside-user { margin-top: 16px; }

.application-menu-holder-toggle-button { display: block; background-color: #00598C; width: 30px; height: 30px; position: absolute; top: 22px; right: -53px; }

.application-menu-holder-toggle-button-icon { position: relative; width: 100%; height: 100%; top: 0; left: 0; }

.application-login { position: absolute; }

.application-login .application-title { font-size: 32px; color: #FFFFFF; }

.application-login .application-line { width: 158px; margin-left: -79px; margin-right: 0; position: relative; left: 50%; margin-bottom: 34px; }

.application-login form { background-color: #fff; padding: 27px 100px 34px 100px; }

.application-login-header { font-size: 28px; font-weight: 300; color: #242414; margin: 15px 0; }

.application-login-remember-me { font-size: 20px; line-height: 53px; font-weight: 300; color: #242414; }

.application-login-remember-me input { margin: 0 17px 0 0; }

.application-login .form-control { border-color: #00598C; }

.application-login .btn { position: relative; }

.application-login .btn .fa { font-size: 24px; position: absolute; right: 15px; top: 50%; margin-top: -12px; }

.application-login-forgot { font-size: 14px; line-height: 150%; font-weight: 400; text-decoration: underline; color: #686868; margin: 20px 0 0 0; display: block; }

.example-user-image { background: url('../img/example-user.png') top center no-repeat; min-width: 188px; height: 195px; margin-bottom: 37px; }

#toggle-select-user-image >.btn { color: #242413; font-weight: 400; background-color: #FAFAFA; border-color: #DDDDDD; }


a.nav-aside-user:hover { text-decoration: none; cursor: pointer; }

.nav-aside-user-logo { background: url('../img/logo-user.png') top center no-repeat; background-size: auto 75px; height: 77px; display: block; margin: 0 0 11px 0; }

.nav-aside-user-name { font-size: 14px; font-weight: 400; line-height: 100%; margin: 0; padding: 0; display: block; }

.application-menu-holder .nav-aside-user-name { color: #fff; }

.nav-aside { margin: 0 -8px; position: relative; z-index: 99; }

.nav-aside-header { font-size: 18px; font-weight: 400; text-align: center; line-height: 22px; color: #fff; padding: 10px 23px; margin: 0; border-top: solid 1px #003959; border-bottom: solid 1px #003959; }

.nav-aside-list,
.nav-aside-list > li,
.nav-aside-list > li > a {
    text-align: left; list-style: none; display: block; margin: 0; padding: 0; position: relative;
}


.nav-aside-list > li > a
{ font-size: 14px; line-height: 120%; color: #fff; padding: 10px 10px 10px 68px; }

.nav-aside-list > li > a:after
{ content: ''; width: 18px; background-color: #fff; height: 1px; position: absolute; left: 34px; top: 50%; }

.nav-aside-list > li:not(:last-child) { border-bottom: solid 1px #003959; }

.nav-aside-list > .active > a { background-color: #003959; }

.nav-aside-list > :hover > a { text-decoration: none; background-color: #004973; }

.nav-aside-logout { position: absolute; bottom: 15px; left: 23px; right: 23px; z-index: 999; }

.close-application-links {
    background-color: #003959; color: #fff;  margin: 0; display: block; text-align: center; position: absolute; left: 327px; top: 22px; z-index: 30; opacity: 1;
    -moz-transition: left .5s ease .2s;
    -webkit-transition: left .5s ease .2s;
    -ms-transition: left .5s ease .2s;
    transition: left .5s ease .2s;
}

.close-application-links-pos {  position: relative; width: 30px; height: 30px; display: block; }

.close-application-links,
.close-application-links-pos,
.close-application-links-icon
{ line-height:30px; width: 30px; height: 30px;  }


.cbp-spmenu-open .close-application-links,
.cbp-spmenu-open .close-application-links-pos,
.cbp-spmenu-open .close-application-links-icon
{ width: 30px; height: 30px; line-height: 30px; }

.close-application-links-icon {  color: #fff; text-align: center; line-height:30px; width: 30px; height: 30px; display: block; }

.close-application-links-icon {
    position: relative; left: 0; width: 30px; height: 30px;
}


.close-application-links-bar { height: 4px; width: 4px; position: absolute; }

.close-application-links-bar {
    top: 50%; margin-top: -2px; left: 50%; margin-left: -2px;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -moz-transition: transform .3s linear;
    -webkit-transition: transform .3s linear;
    -ms-transition: transform  .3s linear;
    transition: transform .3s linear;
}


.close-application-links-bar:before { content: ''; height: 4px; margin-top: 0; background: #fff; display: block; position: relative; left: -9px; border-radius: 0;}

.cbp-spmenu-open .close-application-links-bar:before { border-radius: 1px; }

.close-application-links-bar:nth-child(1) { top: 7px; }
.close-application-links-bar:nth-child(2) { top: 15px; }
.close-application-links-bar:nth-child(3) { top: 23px; }

.close-application-links-bar:nth-child(1):before,
.close-application-links-bar:nth-child(2):before,
.close-application-links-bar:nth-child(3):before
{ width: 22px; }

.cbp-spmenu-open .close-application-links-bar:nth-child(1):before,
.cbp-spmenu-open .close-application-links-bar:nth-child(2):before,
.cbp-spmenu-open .close-application-links-bar:nth-child(3):before
{ width: 22px; height: 6px; margin-top: -1px; }

.cbp-spmenu-open .close-application-links-bar:nth-child(3)
{
    opacity: 0;
    -moz-transition: opacity 0 ease 0;
    -webkit-transition: opacity 0 ease 0;
    -ms-transition: opacity 0 ease 0;
    transition: opacity 0 ease 0;
}
.cbp-spmenu-open .close-application-links-bar:nth-child(1),
.cbp-spmenu-open .close-application-links-bar:nth-child(2),
.cbp-spmenu-open .close-application-links-bar:nth-child(3)
{
    top: 50%; margin-top: -2px;
    border-radius: 2px !important;
}

.cbp-spmenu-open .close-application-links-bar:nth-child(1)
{
    transform: rotate(-45deg);
}

.cbp-spmenu-open .close-application-links-bar:nth-child(2),
.cbp-spmenu-open .close-application-links-bar:nth-child(3)
{
    transform: rotate(45deg);
}

.close-application-links-icon:before
{
    opacity: 1;
    -moz-transition: opacity 0.5s ease 0.5s;
    -webkit-transition: opacity 0.5s ease 0.5s;
    -ms-transition: opacity 0.5s ease 0.5s;
    transition: opacity 0.5s ease 0.5s;
}
.close-application-links-icon:after
{
    opacity: 0;
    -moz-transition: opacity 1s ease 1s;
    -webkit-transition: opacity 1s ease 1s;
    -ms-transition: opacity 1s ease 1s;
    transition: opacity 1s ease 1s;
}

.close-application-links:hover,
.close-application-links:focus
{ cursor: pointer; }

/*
.cbp-spmenu-open .close-application-links-icon  { background-color: #00598C;  }
.cbp-spmenu-open .close-application-links-icon:before
{
    opacity: 0;
}
.cbp-spmenu-open .close-application-links-icon:after
{
    opacity: 1;
}
*/

.call-us
{ display: block; position: absolute; left: 0; right: 0; bottom: 60px; }

.call-us-image { background: url('../img/call-us.png') center center no-repeat; min-width: 130px; height: 107px; display: block; }

.call-us .footer { text-align: center; font-size: 18px; color: #fff; margin: 25px 0 0 0; }

.line { background-color: #EEEEEE; height: 1px; width: 100%; margin: 20px 0; }

/* Forms */


.col-header,
.col-caller
{ color: #242413; }

.col-header { font-weight: 300; }

.col-faded { color: #696969; }

.col-underline { font-weight: 300; display: inline; text-decoration: underline; }

.col-options { text-align: right; }

.col-options button { background: none; -webkit-box-shadow: none; box-shadow: none;  -webkit-text-shadow: none; text-shadow: none; border: none; margin: 0; padding: 0; }

.col-option-legend { text-align: left !important;  }
.col-option-legend > .col-option
{ margin: 10px 10px 0 0; }

.col-option-edit,
.col-option-relations,
.col-option-toggle,
.col-option-check,
.col-option-ban,
.col-option-trash
{ display: inline-block; margin: 0 3px 0 0; }

.col-option-edit,
.col-option-edit:before,
.col-option-toggle,
.col-option-toggle:before,
.col-option-relations,
.col-option-relations:before,
.col-option-check,
.col-option-check:before,
.col-option-ban,
.col-option-ban:before,
.col-option-trash
.col-option-trash:before
{ font-size: 24px; color: #696969; }

.col-option-edit:before,
.col-option-toggle:before,
.col-option-relations:before,
.col-option-check:before,
.col-option-ban:before,
.col-option-trash:before
{ font-family: FontAwesome; display: inline-block; margin: 0 0 0 3px; }

.col-option-edit:before
{ content: "\f040"; }

.col-option-relations:before
{ content: "\f0e8"; }


.col-option-check:before
{ content: "\f05d"; }

.col-option-ban:before,
.col-option-toggle:before
{ content: "\f05e"; }

.col-option-trash:before
{ content: "\f014"; }

.col-option-edit:not(:disabled):hover:before,
.col-option-relations:not(:disabled):hover:before
{ color: #000; }

.col-option-toggle.active:before
{ content: "\f05d"; color: #5cb85c; }


.col-option-ban.bantocheck:before{
    content: "\f05d" !important;
}
.col-option-check.checktoban:before{
    content: "\f05e" !important;
}


.col-option-edit:disabled,
.col-option-edit:disabled:before,

.col-option-relations:disabled,
.col-option-relations:disabled:before,

.col-option-check:disabled,
.col-option-check:disabled:before,
.col-option-toggle:disabled,
.col-option-toggle:disabled:before,
.col-option-trash:disabled,
.col-option-trash:disabled:before
{ color: #999999; }

.table-disabled .col-option-edit:before,
.table-disabled .col-option-relations:before,
.table-disabled .col-option-check:before,
.table-disabled .col-option-toggle:before,
.table-disabled .col-option-trash:before
{ color: #999999 !important; }

.col-option-edit:disabled:hover:before,
.table-disabled .col-option-edit:hover:before,

.col-option-relations:disabled:hover:before,
.table-disabled .col-option-relations:hover:before,

.col-option-check:disabled:hover:before,
.table-disabled .col-option-check:hover:before,
.col-option-trash:disabled:hover:before,
.table-disabled .col-option-trash:hover:before
{ cursor:not-allowed; }

.table-disabled .col-title { color: #999999; }

.table-disabled td,
.table-disabled th
{ color: #BBBBBB; }

.row-information-button > td,
.row-information-button > th
{ padding: 0 !important; }

.col-half-holder { margin: 0 -18px; }

.col-half { width: 50%; padding: 0 18px; float: left; }



.col-half .btn-default { color: #00598C; }


.col-option-ban:before,
.col-option-ban:disabled:before
{ color: #00598C; }

.col-option-check:not(:disabled):hover:before
{ color: #5cb85c; }

.col-option-check:not(:disabled):before
{ color: #5cb85c; }
body .col-option-check.option-gray:before{
    color: gray !important;
}
body .col-option-ban.redtogreen:before{
    color:green;
}
.col-option-trash:not(:disabled):hover:before
{ color: #00598C; }
table.active  .col-options .col-option-relations:before { color: #00598C !important; }

table tbody > .row-information {
    /* must be hidden on default */
    display: none;
    position: relative;
}

table tr { position: relative; }

table tbody > .row-information > td,
table tbody > .row-information > th
{ width: 33.33%; vertical-align: middle !important; padding-top: 21px; padding-bottom: 21px; }

.row-information-line
{ background-color: #EEEEEE; height: 1px; position: absolute;  display: none; }

.table .active { border-bottom: #F9F9F9; }

.table tr .row-information-line,
.table tr .row-information-line
{ left: 15px; right: 15px; bottom: 0; }

.table .active td .row-information-line,
.table .active th .row-information-line,
.row-information .row-information-line,
.row-information-end .row-information-line
{ display: block; }

.row-information-end .row-information-line
{ left: 0; right: 0; bottom: 0; }

.table .row-information > .toggle-row-select
{ width: 33.33%; vertical-align: top !important; }

.active .toggle-row-information { display: table-row; }

.table .row-information-description { font-size: 24px; font-weight: 300; color: #242414; }

.footer { font-size: 18px; font-weight: 300; color: #00598C; margin: 54px 0 0 0; }

/* Plugins enhancements */

.cbp-spmenu { background-color: #00598C; }

.cbp-spmenu-left { width: 300px; left: -300px; padding: 0; margin: 0; }

.cbp-spmenu-open ~ .application { margin-left: 300px; }

.cs-select span,
.cs-options > ul > li > span
{ font-size: 22px; font-weight: 400; color: #242414; }

.cs-select > span { height: 48px;  line-height: 48px; padding: 0 40px 0 11px; border: solid 1px #242415; }

.cs-select .cs-options { padding: 0; margin: 0; }

.cs-options > ul > li
{ padding: 0; margin: 0; border-top: solid 1px #242415; border-right: solid 1px #242415; border-left: solid 1px #242415; }

.cs-select .cs-options > ul > li > span { padding: 11px; }

.cs-options > ul > li:last-child
{ border-bottom: solid 1px #242415; }

.cs-skin-elastic > span:after
{ content: "\f0d7"; font-family: FontAwesome; }

div.cs-select { max-width: 100%; }


/* Bootstrap enhancements + addons */

.table-application { box-shadow: 0 0 0 1px #DDDDDD; margin: 0 0 1px 0; width: 100%;}

.table-application.active { margin-top: 10px; }

.table-application.active > thead > tr { background-color: #fff; border-bottom: solid 1px #00598C; }

.table-application.active .col-title { color: #00598C;  }

.table-application.active + .table-application { margin-top: 10px; }

.table-application > thead > tr { background-color: #FAFAFA; }

/*
.table-application > thead > tr > td,
.table-application > thead > tr > th
{ font-weight: bold; color: #00598C; }
*/

.table-application > tbody > tr > td,
.table-application > tbody > tr > th
{ font-weight: 400; }

.table-application > thead > tr > td,
.table-application > thead > tr > th,
.table-application > tbody > tr > td,
.table-application > tbody > tr > th
{ font-size: 22px; line-height: 120%; padding: 9px 18px 10px 18px; }

.table-application > thead > tr > th { border-bottom: none; }

.table-application > tbody > .active > td,
.table-application > tbody > .active > td
{ background-color: #F9F9F9; }

.table .row { margin-left: -18px; margin-right: -18px; }

.table .row > [class^="col-md-"],
.table .row > [class^="col-sm-"],
.table .row > [class^="col-xs-"]
{ padding-left: 18px; padding-right: 18px; }


.table-flow.active + .table-flow { margin: 10px 0 1px 0; }

.table-flow > tbody > tr:first-child td,
.table-flow > tbody > tr:first-child th
{ border-top: solid 1px #DDDDDD !important; }

.table-flow > tbody > tr:last-child td,
.table-flow > tbody > tr:last-child th
{ border-top: solid 1px #DDDDDD !important; }

.table-flow.active > thead > tr > td,
.table-flow.active > thead > tr > th
{ background-color: #F9F9F9; }

.table-flow.active > thead > tr
{ -webkit-box-shadow: 0 -1px 0 #dddddd inset; box-shadow: 0 -1px 0 #dddddd inset; }

.table-flow.active > tbody > tr > td,
.table-flow.active > tbody > tr > th
{
    background-color: #F9F9F9;
    border-color: #F9F9F9;
}

.table-flow:not(.table-disabled) > tr:hover { cursor: pointer; }

.table-flow:not(.disabled):not(.active):hover .title { text-decoration: underline; cursor: pointer; }

.page-header
{ font-size: 48px; font-weight: 300; line-height: 120%; color: #242413; padding: 22px 43px 23px 43px; background-color: #fff; border: solid 1px #DDDDDD; margin: 0 0 25px 0; position: relative; }

.page-header-options
{
    position: absolute; top: 22px; right: 16px; bottom: 23px; line-height: 44px;
}

.page-header-option { font-size: 28px; font-weight: 300; color: #00598C; }

a.page-header-option:hover,
a.page-header-option:focus
{ color: #00598C; }

.btn { font-size: 22px; font-weight: 700; border-radius: 0; position: relative; }

.btn-lg { font-size: 28px; font-weight: 700 !important; height: 64px; }

.btn .fa { font-size: 20px; }

.btn-block .fa { margin: 0 6px; }

.btn-primary { color: #FFFFFF; background: #00598C; border-color: #00598C; }

.btn-default { color: #242414; font-weight: 300; background-color: #FFFFFF; border-color: #DDDDDD; }

.btn-radio { font-size: 16px; font-weight: 400; color: #686868 !important; padding-top: 20px; padding-bottom: 20px; }

.btn-radio.active { background-color: #fff; color: #003959; font-weight: 700; border: solid 1px #003959; -webkit-box-shadow: none; box-shadow: none; }

.btn-radio.active:after { content: "\f00c"; font-family: FontAwesome; font-size: 16px; color: #003959; position: absolute; right: 16px; top: 50%; margin-top: -8px; }

.btn .fa-level-down
{
    transform: rotate(90deg);
}
.btn-group > .btn{
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.btn-group{
    margin-left: -5px;
    margin-right: -5px;
}

.col-half .btn-lg .fa { font-size: 28px; position: absolute; top: 50%; margin-top: -14px; right: 20px; }

.btn-primary:hover,
.btn-primary:focus
{ background: #003959; border-color: #004973; }

.form-control { font-size: 20px; line-height: 120%; height: 48px; border-radius: 0; border-color: #242415; color: #666666; padding: 12px 16px; }

.form-control:hover,
.form-control:focus
{ color: #000; -webkit-box-shadow: none; box-shadow: none; border-color: #004973; }

.col-option-hidden-on-active,
.col-option-hidden-on-not-active
{ display: none; }

.col-option-hidden-on-active:before,
.col-option-hidden-on-not-active:before
{ color: #00598C;}

/* Media queries */

@media(max-width: 991px) {
    body { background-color: #F9F9F9; }
    .nav-aside-user img { width: 130px; height: 130px; }

    .application { padding-top: 80px; padding-left: 34px; padding-right: 34px; }

    .page-header { background-color: #fff; }

    /*
    .table-flow .col-option-edit,
    .table-flow .col-option-relations,
    .table-flow .col-option-toggle,
    .table-flow .col-option-check,
    .table-flow .col-option-trash,
    .table-flow .col-option-ban
    { display: none; }
    */

    .col-half { padding: 0; }
    .col-half-holder{ margin: 0; }


    .table-flow .col-option-hidden-on-not-active { display: inline-block; }

    .table-flow.active .col-option-hidden-on-not-active { display: none; }
    .table-flow.active .col-option-hidden-on-active { display: inline-block; }

    .table-flow .col-options
    {
        box-shadow: inset 1px 0  0 0 #dddddd; width: 30px;
    }
    .table-flow.active .col-options {
        box-shadow: inset 1px 0  0 0 #00598C;
    }

    .table.active > thead > tr > th,
    .table.active > tbody > tr > th,
    .table.active > tfoot > tr > th,
    .table.active > thead > tr > td,
    .table.active > tbody > tr > td,
    .table.active > tfoot > tr > td
    { background: #fff; }



    .table.active { box-shadow: 0 0 0 1px #00598C; }

    .row-information-description strong { color: #00598C; }

    .table-application > thead > tr > td,
    .table-application > thead > tr > th
    { font-size: 28px; font-weight: 700;  }


    .table-flow:not(.disabled):not(.active):hover .title:after { content: "\f040"; text-decoration: none; font-family: FontAwesome; font-size: 20px; color: #DAE8CA; margin: 0 20px; position: relative; top: -3px; }


    .title { font-size: 24px; font-weight: 400; color: #242414; margin-top: 10px; }

    .table.disabled .title { color: #BABABA; }

    .table.active thead .title { color: #00598C; font-weight: 700; }



    .table-application.active { background-color: #fff; margin-top: 10px; }


    .table.active > thead > tr
    { border-bottom: solid 1px #00598C; box-shadow: inset 0 -1px 0 #00598C; }

    .page-header { font-size:21px; padding-left: 15px; padding-right: 15px; }

    .page-header .page-header-options { line-height: 22px; top: 18px; }

    .page-header-option { font-size: 18px; }

    .table-application > thead > tr > td, .table-application > thead > tr > th,
    .table-application > tbody > tr > td, .table-application > tbody > tr > th
    { font-size: 22px; padding: 10px 15px; }
}

@media (max-width: 768px) {
    .application,
    .cbp-spmenu-open ~ .application
    { margin-left: 0; }

    .cbp-spmenu-left { width: 85%; left: -85%; padding: 0; margin: 0; }

    .cbp-spmenu-left .application-menu-holder { padding-left: 8px; padding-right: 8px; }

    .cbp-spmenu-left .close-application-links { left: 100%; margin-left: 5px; }

    .page-header { padding-top: 15px; padding-bottom: 16px; }

    .application-login form { padding-left: 15px; padding-right: 15px; }

    .btn-radio { font-size: 14px; padding: 10px; height: 40px; line-height: 20px; }

    .page-header { font-size:24px; padding-left: 15px; padding-right: 15px; }

    .page-header .page-header-options { line-height: 22px; top: 18px; }

    .page-header-option { font-size: 18px; }

    .table-application > thead > tr > td, .table-application > thead > tr > th,
    .table-application > tbody > tr > td, .table-application > tbody > tr > th
    { font-size: 12px; padding: 5px 10px; }

    .title { font-size: 14px; margin-top: 3px; }

    .application { padding-top: 60px; padding-left: 5px; padding-right: 5px; }
    .nav-aside-user img { width: 100px; height: 100px; }
    .nav-aside-header { padding: 7px 5px; }
    .nav-aside-list > li > a { padding-top: 5px; padding-bottom: 5px; }

    .page-header .page-header-options { position: relative; top: 0; left: 0; padding-top: 7px; border-top: solid 1px #ddd; margin-top: 7px; }
    .page-header .page-header-option { font-size: 22px; }
    .panel-title a { font-size: 120%; }
    .nav-aside-list > li > a { font-size: 11px; text-align: center; padding: 5px; }
    .nav-aside-holder { margin-left: -10px; margin-right: -10px; }
    .nav-aside-holder .nav-aside { width: 50%; padding-left: 10px; padding-right: 10px; float: left; margin: 0; }
    .nav-aside-list > li > a:after { position: static; display: inline-block; }
    .nav-aside-list > li > a > span { display: block; }

    .col-option-edit, .col-option-edit:before, .col-option-toggle, .col-option-toggle:before, .col-option-relations, .col-option-relations:before, .col-option-check, .col-option-check:before, .col-option-ban, .col-option-ban:before, .col-option-trash .col-option-trash:before
    { font-size: 18px; }
}

@media (max-height: 768px) {
    .call-us { display: none; }

    .nav-aside-user-logo { background-size: auto 50px; height: 52px; }

    .nav-aside-user img { width: 100px; height: 100px; }

    .nav-aside-header { font-size: 13px; padding: 3px 5px; overflow: hidden; }

}
.panel{
    margin-top: 20px;
    border-radius: 0;
}

.modal-content{
    border-radius: 0;
}
.modal-body .close{
    font-size: 40px;
}
span.fa-sort{
    color: gray;
    margin-right: 5px;
    cursor: pointer;
}
span.fa-sort:hover{
    color: black;
}

.alert-danger {
    border: thick solid #003959;
    border-radius: 0;
    color: #003959;
    font-size: 20px;
    text-align: center;
    background-color: rgba(0,0,0,0);
}
.alert-success{
    background-color: rgba(0,0,0,0);
    border: thick solid green;
    border-radius: 0;
    color: green;
    font-size: 20px;
    text-align: center;
}
.sortable-placeholder  {
    display:block;
    width:100%;
    height:50px;
    background:#CCC;
}
[data-role="remove-group"] {
    color:#00598C
}